From a2566e186a500bb83d2fedf57ee2c08e6a626f4e Mon Sep 17 00:00:00 2001
From: Zacky Ma <machi@microsoft.com>
Date: Fri, 22 May 2026 12:01:38 -0700
Subject: [PATCH 1/3] prevent text-input from submitting twice when Enter is
 pressed

---
 .../src/text-input/text-input.base.ts         | 13 ---------
 .../src/text-input/text-input.spec.ts         | 28 +++++++++++++++++++
 .../src/text-input/text-input.template.ts     |  1 -
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/packages/web-components/src/text-input/text-input.base.ts b/packages/web-components/src/text-input/text-input.base.ts
index b54dcf861c5f2..1326aca0153cd 100644
--- a/packages/web-components/src/text-input/text-input.base.ts
+++ b/packages/web-components/src/text-input/text-input.base.ts
@@ -418,19 +418,6 @@ export class BaseTextInput extends FASTElement {
     return this.elementInternals.form;
   }
 
-  /**
-   * Handles the internal control's `keypress` event.
-   *
-   * @internal
-   */
-  public beforeinputHandler(e: InputEvent): boolean | void {
-    if (e.inputType === 'insertLineBreak') {
-      this.implicitSubmit();
-    }
-
-    return true;
-  }
-
   /**
    * Change event handler for inner control.
    *
diff --git a/packages/web-components/src/text-input/text-input.spec.ts b/packages/web-components/src/text-input/text-input.spec.ts
index f88e019b164bd..ff957f0ecb518 100644
--- a/packages/web-components/src/text-input/text-input.spec.ts
+++ b/packages/web-components/src/text-input/text-input.spec.ts
@@ -699,6 +699,34 @@ test.describe('TextInput', () => {
     expect(page.url()).toMatch(/foo/);
   });
 
+  test('should only submit form once when Enter is pressed', async ({ fastPage }) => {
+    const { element, page } = fastPage;
+    const control = element.locator('input');
+    const form = page.locator('form');
+
+    await fastPage.setTemplate(/* html */ `
+      <form>
+        <${tagName} name="testinput"></${tagName}>
+      </form>
+    `);
+
+    await form.evaluate(node => {
+      node.addEventListener('submit', evt => {
+        if (!node.dataset.count) {
+          node.dataset.count = '0';
+        }
+        const count = Number(node.dataset.count) + 1;
+        node.dataset.count = String(count);
+        evt.preventDefault();
+      });
+    });
+
+    await control.focus();
+    await page.keyboard.press('Enter');
+
+    await expect(form).toHaveAttribute('data-count', '1');
+  });
+
   test('should allow comma-separated values when the `multiple` attribute is set and the `type` is "email"', async ({
     fastPage,
     page,
diff --git a/packages/web-components/src/text-input/text-input.template.ts b/packages/web-components/src/text-input/text-input.template.ts
index 0a46b61867df6..d10a5385f09a7 100644
--- a/packages/web-components/src/text-input/text-input.template.ts
+++ b/packages/web-components/src/text-input/text-input.template.ts
@@ -11,7 +11,6 @@ import type { TextInputOptions } from './text-input.options.js';
 export function textInputTemplate<T extends TextInput>(options: TextInputOptions = {}): ElementViewTemplate<T> {
   return html<T>`
     <template
-      @beforeinput="${(x, c) => x.beforeinputHandler(c.event as InputEvent)}"
       @focusin="${(x, c) => x.focusinHandler(c.event as FocusEvent)}"
       @keydown="${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}"
     >

From 7b18197f9cd4d7aeeb1a6796d1fa517066e72bbb Mon Sep 17 00:00:00 2001
From: Zacky Ma <machi@microsoft.com>
Date: Fri, 22 May 2026 12:59:15 -0700
Subject: [PATCH 2/3] change file

---
 ...eb-components-5f5064f2-7321-4c0f-9435-dc5131990990.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-web-components-5f5064f2-7321-4c0f-9435-dc5131990990.json

diff --git a/change/@fluentui-web-components-5f5064f2-7321-4c0f-9435-dc5131990990.json b/change/@fluentui-web-components-5f5064f2-7321-4c0f-9435-dc5131990990.json
new file mode 100644
index 0000000000000..e59b0cdf5b6a0
--- /dev/null
+++ b/change/@fluentui-web-components-5f5064f2-7321-4c0f-9435-dc5131990990.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "prevent text input from submitting its associated form twice when Enter is pressed",
+  "packageName": "@fluentui/web-components",
+  "email": "machi@microsoft.com",
+  "dependentChangeType": "patch"
+}

From 5f97cdd3ea3459ebe73d46c91a93f742cee456c9 Mon Sep 17 00:00:00 2001
From: Zacky Ma <machi@microsoft.com>
Date: Fri, 22 May 2026 13:10:05 -0700
Subject: [PATCH 3/3] update api

---
 packages/web-components/docs/web-components.api.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/web-components/docs/web-components.api.md b/packages/web-components/docs/web-components.api.md
index f2c83e1388d52..b76ecb4bfd246 100644
--- a/packages/web-components/docs/web-components.api.md
+++ b/packages/web-components/docs/web-components.api.md
@@ -1012,8 +1012,6 @@ export class BaseTextInput extends FASTElement {
     autocomplete?: string;
     autofocus: boolean;
     // @internal
-    beforeinputHandler(e: InputEvent): boolean | void;
-    // @internal
     changeHandler(e: InputEvent): boolean | void;
     checkValidity(): boolean;
     clickHandler(e: MouseEvent): boolean | void;