@descope/web-components-ui 1.0.338 → 1.0.340

Sign up to get free protection for your applications and to get access to all the features.
@@ -2301,6 +2301,16 @@ const proxyInputMixin =
2301
2301
  }
2302
2302
  };
2303
2303
 
2304
+ // We want to ensure that `input` events properly cross ShadowDOM boundries
2305
+ // e.g. When we autofill a component's input with 1Password, for instance,
2306
+ // the event is fired without `composed: true` and doesn't our component's
2307
+ // ShadowDOM.
2308
+ this.baseElement.addEventListener('input', (e) => {
2309
+ if (!e.composed) {
2310
+ this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
2311
+ }
2312
+ });
2313
+
2304
2314
  triggerValidationEvents.forEach((e) => {
2305
2315
  this.baseElement?.addEventListener(e, () => {
2306
2316
  this.inputElement?.setCustomValidity('');
@@ -3274,7 +3284,7 @@ const TextFieldClass = compose(
3274
3284
  mappings: textFieldMappings,
3275
3285
  }),
3276
3286
  draggableMixin,
3277
- composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
3287
+ composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),
3278
3288
  componentNameValidationMixin,
3279
3289
  customMixin$a
3280
3290
  )(
@@ -3863,7 +3873,7 @@ const EmailFieldClass = compose(
3863
3873
  mappings: textFieldMappings,
3864
3874
  }),
3865
3875
  draggableMixin,
3866
- composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
3876
+ composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),
3867
3877
  componentNameValidationMixin,
3868
3878
  customMixin$8
3869
3879
  )(