Merge pull request #4649 from vdegenne:text-field-redispatch-event

PiperOrigin-RevId: 554551590
material-components · Aug 7, 2023 · 1f2f706 · 1f2f706
2 parents cac4ced + 33987c3
commit 1f2f706
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/textfield/harness.ts b/textfield/harness.ts
@@ -97,6 +97,8 @@ export class TextFieldHarness extends Harness<TextField> {
     if (!init) {
       init = {
         inputType: 'insertText',
+        composed: true,
+        bubbles: true,
         isComposing: false,
         data: charactersToAppend,
       };
@@ -114,6 +116,8 @@ export class TextFieldHarness extends Harness<TextField> {
     if (!init) {
       init = {
         inputType: 'deleteContentBackward',
+        composed: true,
+        bubbles: true,
         isComposing: false,
         data: deletedCharacters,
       };

diff --git a/textfield/internal/text-field.ts b/textfield/internal/text-field.ts
@@ -675,7 +675,6 @@ export abstract class TextField extends LitElement {
   private handleInput(event: InputEvent) {
     this.dirty = true;
     this.value = (event.target as HTMLInputElement).value;
-    this.redispatchEvent(event);
   }
 
   private redispatchEvent(event: Event) {

diff --git a/textfield/internal/text-field_test.ts b/textfield/internal/text-field_test.ts
@@ -132,7 +132,10 @@ describe('TextField', () => {
       const inputHandler = jasmine.createSpy('inputHandler');
       harness.element.addEventListener('input', inputHandler);
 
-      const event = new InputEvent('input');
+      const event = new InputEvent('input', {
+        composed: true,
+        bubbles: true,
+      });
       input.dispatchEvent(event);
 
       expect(inputHandler).toHaveBeenCalledWith(event);