Adding fix for Manual set value clearTextOnSubmit-style behavior not working on Fabric

change/react-native-windows-daac39ef-4292-4f66-81ae-708b1c0f6676.json

@@ -0,0 +1,7 @@
+{
+  "comment": "Fix TextInput clearTextOnSubmit-style behavior regression in Fabric architecture",
+  "type": "prerelease",
+  "packageName": "react-native-windows",
+  "email": "protikbiswas100@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js

@@ -762,7 +762,7 @@ const examples: Array<RNTesterModuleExample> = [
   },
   // [Windows
   {
-    title: 'Clear text on submit',
+    title: 'Clear text on submitting',
     render: function (): React.Node {
       return (
         <View>
@@ -799,6 +799,38 @@ const examples: Array<RNTesterModuleExample> = [
       );
     },
   },
+  {
+    title: 'Manual clear text on submit (setValue in onSubmitEditing)',
+    render: function () {
+      function ManualClearExample() {
+        const [value, setValue] = React.useState('');
+        const submitValue = () => {
+          // Simulate the regression scenario: manual setValue('') during onSubmitEditing
+          if (value !== '') {
+            setValue('');
+          }
+        };
+        return (
+          <View>
+            <Text>
+              Manual clear using setValue('') in onSubmitEditing callback:
+            </Text>
+            <ExampleTextInput
+              style={styles.singleLine}
+              value={value}
+              onChangeText={setValue}
+              onSubmitEditing={submitValue}
+              submitKeyEvents={[{code: 'Enter'}]}
+              testID="textinput-manual-clear-on-submit"
+              placeholder="Type text and press Enter to clear"
+            />
+            <Text>Current value: "{value}"</Text>
+          </View>
+        );
+      }
+      return <ManualClearExample />;
+    },
+  },
   {
     title: 'Stop propagation sample',
     render: function (): React.Node {

packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts

@@ -414,6 +414,47 @@ describe('TextInput Tests', () => {
     const dump = await dumpVisualTree('textinput-clear-on-submit-4');
     expect(dump).toMatchSnapshot();
   });
+  test('TextInputs can manually clear text on submit using setValue in onSubmitEditing', async () => {
+    const component = await app.findElementByTestID(
+      'textinput-manual-clear-on-submit',
+    );
+    await component.waitForDisplayed({timeout: 5000});
+
+    // Enter text in the input
+    await app.waitUntil(
+      async () => {
+        await component.setValue('Hello World');
+        return (await component.getText()) === 'Hello World';
+      },
+      {
+        interval: 1500,
+        timeout: 5000,
+        timeoutMsg: `Unable to enter correct text.`,
+      },
+    );
+
+    // Verify text was entered
+    expect(await component.getText()).toBe('Hello World');
+
+    // Press Enter to trigger onSubmitEditing which should clear the text
+    await app.waitUntil(
+      async () => {
+        await component.setValue('\uE007'); // Enter key
+        return (await component.getText()) === '';
+      },
+      {
+        interval: 1500,
+        timeout: 5000,
+        timeoutMsg: `Text should be cleared after pressing Enter (manual setValue('') in onSubmitEditing)`,
+      },
+    );
+
+    // Verify text was cleared
+    expect(await component.getText()).toBe('');
+
+    const dump = await dumpVisualTree('textinput-manual-clear-on-submit');
+    expect(dump).toMatchSnapshot();
+  });
   test('TextInputs can keep text on focus', async () => {
     const componentFocusFalse = await app.findElementByTestID(
       'clear-text-on-focus-false',

vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp

@@ -541,7 +541,13 @@ void WindowsTextInputComponentView::HandleCommand(
     std::optional<winrt::hstring> text;
 
     winrt::Microsoft::ReactNative::ReadArgs(args.CommandArgs(), eventCount, text, begin, end);
-    if (eventCount >= m_nativeEventCount) {
+    // Accept text updates that match current event count, or clear text operations
+    // that are one event behind (to handle immediate setValue('') during onSubmitEditing)
+    bool isEmptyTextUpdate = text.has_value() && text.value().empty();
+    bool isValidEventCount = eventCount >= m_nativeEventCount;
+    bool isRecentClearText = isEmptyTextUpdate && (eventCount >= m_nativeEventCount - 1);
+
+    if (isValidEventCount || isRecentClearText) {
       m_comingFromJS = true;
       {
         if (text.has_value()) {