From 9d7add94400d0d5f901b73976557054c47d3a419 Mon Sep 17 00:00:00 2001
From: Daniel Ayala <14967941+danielayala94@users.noreply.github.com>
Date: Mon, 10 Mar 2025 12:44:25 -0700
Subject: [PATCH 1/7] Introduce selectTextOnFocuis

---
 packages/playground/Samples/textinput.tsx     | 11 ++++++
 .../WindowsTextInputComponentView.cpp         | 35 ++++++++++++++++++-
 .../TextInput/WindowsTextInputComponentView.h |  2 ++
 3 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/packages/playground/Samples/textinput.tsx b/packages/playground/Samples/textinput.tsx
index 78e826bb7f0..10c05b2cafd 100644
--- a/packages/playground/Samples/textinput.tsx
+++ b/packages/playground/Samples/textinput.tsx
@@ -126,6 +126,17 @@ export default class Bootstrap extends React.Component<{}, any> {
             clearTextOnFocus={true}
             placeholder={'Clear text on focus'}
           />
+          <TextInput
+            style={styles.input}
+            selectTextOnFocus={true}
+            placeholder={'Select text on focus'}
+          />
+          <TextInput
+            style={styles.input}
+            clearTextOnFocus={true}
+            selectTextOnFocus={true}
+            placeholder={'Clear text on focus, even if selectTextOnFocus is true'}
+          /> 
           <Button
             title={
               this.state.passwordHidden
diff --git a/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp b/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp
index 489723635ed..26d797147f6 100644
--- a/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp
+++ b/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp
@@ -702,6 +702,11 @@ void WindowsTextInputComponentView::OnPointerReleased(
     DrawBlock db(*this);
     auto hr = m_textServices->TxSendMessage(msg, static_cast<WPARAM>(wParam), static_cast<LPARAM>(lParam), &lresult);
     args.Handled(hr != S_FALSE);
+
+    // Can't select text on focus at onGotFocus() as the selection is lost after processing the released pointer message.
+    if (msg == WM_LBUTTONUP) {
+      handleSelectTextOnFocus();
+    }
   }
 }
 
@@ -928,6 +933,8 @@ void WindowsTextInputComponentView::onLostFocus(
     LRESULT lresult;
     DrawBlock db(*this);
     m_textServices->TxSendMessage(WM_KILLFOCUS, 0, 0, &lresult);
+
+    handleSelectTextOnFocus();
   }
   m_caretVisual.IsVisible(false);
 }
@@ -1525,4 +1532,30 @@ void WindowsTextInputComponentView::autoCapitalizeOnUpdateProps(
   }
 }
 
-} // namespace winrt::Microsoft::ReactNative::Composition::implementation
\ No newline at end of file
+void WindowsTextInputComponentView::handleSelectTextOnFocus() noexcept {
+  // clearTextOnFocus takes precedence over selectTextOnFocus.
+  if (!windowsTextInputProps().clearTextOnFocus && windowsTextInputProps().selectTextOnFocus) {
+    if (m_hasFocus) {
+      // Get precise character count, as passing -1 in the LPARAM (indicating the end of the string) highlights an empty
+      // character at the end.
+      LRESULT textLength = 0;
+      GETTEXTLENGTHEX getTextLength{};
+      getTextLength.flags = GTL_NUMCHARS | GTL_PRECISE;
+      getTextLength.codepage = 1200; // Unicode
+
+      m_textServices->TxSendMessage(
+          EM_GETTEXTLENGTHEX, reinterpret_cast<WPARAM>(&getTextLength), static_cast<LPARAM>(0), &textLength);
+
+      LRESULT res;
+      winrt::check_hresult(
+          m_textServices->TxSendMessage(EM_SETSEL, static_cast<WPARAM>(0), static_cast<LPARAM>(textLength), &res));
+    } else {
+      // Clear the selection when the focus is lost.
+      LRESULT res;
+      winrt::check_hresult(
+          m_textServices->TxSendMessage(EM_SETSEL, static_cast<WPARAM>(-1), static_cast<LPARAM>(-1), &res));
+    }
+  }
+}
+
+} // namespace winrt::Microsoft::ReactNative::Composition::implementation
diff --git a/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.h b/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.h
index 155fe5e6492..f72c17063ca 100644
--- a/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.h
+++ b/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.h
@@ -110,6 +110,8 @@ struct WindowsTextInputComponentView
       const std::string &previousCapitalizationType,
       const std::string &newcapitalizationType) noexcept;
 
+  void handleSelectTextOnFocus() noexcept;
+
   winrt::Windows::UI::Composition::CompositionSurfaceBrush m_brush{nullptr};
   winrt::Microsoft::ReactNative::Composition::Experimental::ICaretVisual m_caretVisual{nullptr};
   winrt::Microsoft::ReactNative::Composition::Experimental::IDrawingSurfaceBrush m_drawingSurface{nullptr};

From 790096d8a27f3591c25afcc7fc2a541873263063 Mon Sep 17 00:00:00 2001
From: Daniel Ayala <14967941+danielayala94@users.noreply.github.com>
Date: Mon, 10 Mar 2025 16:37:28 -0700
Subject: [PATCH 2/7] Added e2etests

---
 .../TextInput/TextInputExample.windows.js     | 22 +++++++
 .../test/TextInputComponentTest.test.ts       | 58 +++++++++++++++++++
 2 files changed, 80 insertions(+)

diff --git a/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js b/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js
index 68dcad3ba41..bc920ac5dfc 100644
--- a/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js
+++ b/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js
@@ -208,6 +208,28 @@ const examples: Array<RNTesterModuleExample> = [
       );
     },
   },
+  {
+    title: 'Select text on focus',
+    render: function (): React.Node {
+      return (
+        <View>
+          <Text>Select text on focus:</Text>
+          <ExampleTextInput
+            selectTextOnFocus={true}
+            style={styles.singleLine}
+            testID="select-text-on-focus"
+          />
+          <Text>Do not select text on focus if clear text on focus is enabled:</Text>
+          <ExampleTextInput
+            selectTextOnFocus={true}
+            clearTextOnFocus={true}
+            style={styles.singleLine}
+            testID="select-text-on-focus-while-clear-text-on-focus"
+          />
+        </View>
+      );
+    },
+  },
   {
     title: 'Colors and text inputs',
     render: function (): React.Node {
diff --git a/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts b/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts
index 7e901d3dcb3..f70e3b5804a 100644
--- a/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts
+++ b/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts
@@ -462,6 +462,64 @@ describe('TextInput Tests', () => {
     // Verify the textInput contents are cleared after regaining focus
     expect(await componentFocusTrue.getText()).toBe('');
   });
+
+  test('TextInputs can select text on focus', async () => {
+    const component = await app.findElementByTestID(
+      'select-text-on-focus',
+    );
+    await component.waitForDisplayed({timeout: 5000});
+
+    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.`,
+      },
+    );
+
+    // Check if the text is selected on focus.
+    await component.click();
+
+    const dump = await dumpVisualTree(('select-text-on-focus'));
+    expect(dump).toMatchSnapshot();
+  });
+
+  test('TextInputs can clear text on focus even if selectTextOnFocus == true', async () => {
+    const targetComponent = await app.findElementByTestID(
+      'select-text-on-focus-while-clear-text-on-focus',
+    );
+    await targetComponent.waitForDisplayed({timeout: 5000});
+
+    await app.waitUntil(
+      async () => {
+        await targetComponent.setValue('Hello World');
+        return (await targetComponent.getText()) === 'Hello World';
+      },
+      {
+        interval: 1500,
+        timeout: 5000,
+        timeoutMsg: `Unable to enter correct text.`,
+      },
+    );
+
+    // Click on the previous textInput to move focus away from this TextInput
+    const anotherTextInput = await app.findElementByTestID(
+      'select-text-on-focus',
+    );
+    await anotherTextInput.waitForDisplayed({timeout: 5000});
+    await anotherTextInput.click();
+
+    // Now click on the tested component, make sure the text is cleared.
+    await targetComponent.click();
+
+    // Verify the textInput contents are cleared after regaining focus
+    expect(await targetComponent.getText()).toBe('');
+  });
+
   test('TextInputs can have inline images', async () => {
     const component = await app.findElementByTestID('textinput-inline-images');
     await component.waitForDisplayed({timeout: 5000});

From ae6dd5ace1471f60c5b646297545a4dafc8a30cd Mon Sep 17 00:00:00 2001
From: Daniel Ayala <14967941+danielayala94@users.noreply.github.com>
Date: Mon, 10 Mar 2025 16:39:35 -0700
Subject: [PATCH 3/7] Lint fixes

---
 .../src/js/examples/TextInput/TextInputExample.windows.js   | 4 +++-
 .../e2e-test-app-fabric/test/TextInputComponentTest.test.ts | 6 ++----
 packages/playground/Samples/textinput.tsx                   | 6 ++++--
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js b/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js
index bc920ac5dfc..e93af10d113 100644
--- a/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js
+++ b/packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js
@@ -219,7 +219,9 @@ const examples: Array<RNTesterModuleExample> = [
             style={styles.singleLine}
             testID="select-text-on-focus"
           />
-          <Text>Do not select text on focus if clear text on focus is enabled:</Text>
+          <Text>
+            Do not select text on focus if clear text on focus is enabled:
+          </Text>
           <ExampleTextInput
             selectTextOnFocus={true}
             clearTextOnFocus={true}
diff --git a/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts b/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts
index f70e3b5804a..2019926448b 100644
--- a/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts
+++ b/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts
@@ -464,9 +464,7 @@ describe('TextInput Tests', () => {
   });
 
   test('TextInputs can select text on focus', async () => {
-    const component = await app.findElementByTestID(
-      'select-text-on-focus',
-    );
+    const component = await app.findElementByTestID('select-text-on-focus');
     await component.waitForDisplayed({timeout: 5000});
 
     await app.waitUntil(
@@ -484,7 +482,7 @@ describe('TextInput Tests', () => {
     // Check if the text is selected on focus.
     await component.click();
 
-    const dump = await dumpVisualTree(('select-text-on-focus'));
+    const dump = await dumpVisualTree('select-text-on-focus');
     expect(dump).toMatchSnapshot();
   });
 
diff --git a/packages/playground/Samples/textinput.tsx b/packages/playground/Samples/textinput.tsx
index 10c05b2cafd..3d29d0fab6d 100644
--- a/packages/playground/Samples/textinput.tsx
+++ b/packages/playground/Samples/textinput.tsx
@@ -135,8 +135,10 @@ export default class Bootstrap extends React.Component<{}, any> {
             style={styles.input}
             clearTextOnFocus={true}
             selectTextOnFocus={true}
-            placeholder={'Clear text on focus, even if selectTextOnFocus is true'}
-          /> 
+            placeholder={
+              'Clear text on focus, even if selectTextOnFocus is true'
+            }
+          />
           <Button
             title={
               this.state.passwordHidden

From 0daf557578d421d83b5945c778f480d24bf7c45a Mon Sep 17 00:00:00 2001
From: Daniel Ayala <14967941+danielayala94@users.noreply.github.com>
Date: Mon, 10 Mar 2025 16:43:00 -0700
Subject: [PATCH 4/7] Nit

---
 .../Composition/TextInput/WindowsTextInputComponentView.cpp    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp b/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp
index 26d797147f6..2bfa364c96d 100644
--- a/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp
+++ b/vnext/Microsoft.ReactNative/Fabric/Composition/TextInput/WindowsTextInputComponentView.cpp
@@ -703,7 +703,8 @@ void WindowsTextInputComponentView::OnPointerReleased(
     auto hr = m_textServices->TxSendMessage(msg, static_cast<WPARAM>(wParam), static_cast<LPARAM>(lParam), &lresult);
     args.Handled(hr != S_FALSE);
 
-    // Can't select text on focus at onGotFocus() as the selection is lost after processing the released pointer message.
+    // We should not select text at onGotFocus() as the selection is cleared after processing the released pointer
+    // message.
     if (msg == WM_LBUTTONUP) {
       handleSelectTextOnFocus();
     }

From 5e3cde8b688682e4cff3846106a3ea53e4393b4a Mon Sep 17 00:00:00 2001
From: Daniel Ayala <14967941+danielayala94@users.noreply.github.com>
Date: Mon, 10 Mar 2025 16:43:45 -0700
Subject: [PATCH 5/7] Change files

---
 ...ative-windows-bc55b824-3ab8-4b55-9cd6-316450f7f562.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/react-native-windows-bc55b824-3ab8-4b55-9cd6-316450f7f562.json

diff --git a/change/react-native-windows-bc55b824-3ab8-4b55-9cd6-316450f7f562.json b/change/react-native-windows-bc55b824-3ab8-4b55-9cd6-316450f7f562.json
new file mode 100644
index 00000000000..35a70bf4fcf
--- /dev/null
+++ b/change/react-native-windows-bc55b824-3ab8-4b55-9cd6-316450f7f562.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Implement selectTextOnFocus for TextInput in Fabric",
+  "packageName": "react-native-windows",
+  "email": "14967941+danielayala94@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

From 1f6395058dae2f2548a66be95b41381efe17db56 Mon Sep 17 00:00:00 2001
From: Daniel Ayala <14967941+danielayala94@users.noreply.github.com>
Date: Tue, 11 Mar 2025 11:38:06 -0700
Subject: [PATCH 6/7] Replace the TextInput test snapshot

---
 .../TextInputComponentTest.test.ts.snap       | 139 ++++++++++++++----
 1 file changed, 108 insertions(+), 31 deletions(-)

diff --git a/packages/e2e-test-app-fabric/test/__snapshots__/TextInputComponentTest.test.ts.snap b/packages/e2e-test-app-fabric/test/__snapshots__/TextInputComponentTest.test.ts.snap
index aaa4e2766d9..bc78cfc3890 100644
--- a/packages/e2e-test-app-fabric/test/__snapshots__/TextInputComponentTest.test.ts.snap
+++ b/packages/e2e-test-app-fabric/test/__snapshots__/TextInputComponentTest.test.ts.snap
@@ -333,7 +333,7 @@ exports[`TextInput Tests Text have cursorColor 1`] = `
   "Visual Tree": {
     "Comment": "textinput-cursorColor",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -561,7 +561,7 @@ exports[`TextInput Tests TextInputs can autocomplete, address country 1`] = `
   "Visual Tree": {
     "Comment": "textinput-autocomplete-address-country",
     "Offset": "0, 0, 0",
-    "Size": "916, 29",
+    "Size": "916, 28",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -717,7 +717,7 @@ exports[`TextInput Tests TextInputs can autocomplete, one-time-code 1`] = `
   "Visual Tree": {
     "Comment": "textinput-autocomplete-one-time-code",
     "Offset": "0, 0, 0",
-    "Size": "916, 28",
+    "Size": "916, 29",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -1002,12 +1002,12 @@ exports[`TextInput Tests TextInputs can be defined as a set using accessibilityP
     "__Children": [
       {
         "Offset": "0, 0, 0",
-        "Size": "916, 32",
+        "Size": "916, 33",
         "Visual Type": "SpriteVisual",
         "__Children": [
           {
             "Offset": "0, 0, 0",
-            "Size": "916, 32",
+            "Size": "916, 33",
             "Visual Type": "SpriteVisual",
             "__Children": [
               {
@@ -1217,7 +1217,7 @@ exports[`TextInput Tests TextInputs can be editable 1`] = `
   "Visual Tree": {
     "Comment": "textinput-editable",
     "Offset": "0, 0, 0",
-    "Size": "916, 29",
+    "Size": "916, 28",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -1527,7 +1527,7 @@ exports[`TextInput Tests TextInputs can be set to not editable 1`] = `
   "Visual Tree": {
     "Comment": "textinput-not-editable",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -1605,7 +1605,7 @@ exports[`TextInput Tests TextInputs can be set to not editable 2 1`] = `
   "Visual Tree": {
     "Comment": "textinput-not-editable2",
     "Offset": "0, 0, 0",
-    "Size": "916, 28",
+    "Size": "916, 29",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -1680,7 +1680,7 @@ exports[`TextInput Tests TextInputs can clear on submit 1`] = `
   "Visual Tree": {
     "Comment": "textinput-clear-on-submit",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -1830,7 +1830,7 @@ exports[`TextInput Tests TextInputs can clear on submit with custom submit key e
   "Visual Tree": {
     "Comment": "textinput-clear-on-submit-2",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -1905,7 +1905,7 @@ exports[`TextInput Tests TextInputs can customize its padding 1`] = `
   "Visual Tree": {
     "Comment": "textinput-padding",
     "Offset": "0, 0, 0",
-    "Size": "916, 28",
+    "Size": "916, 29",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -2601,7 +2601,7 @@ exports[`TextInput Tests TextInputs can have caretHidden 1`] = `
   "Visual Tree": {
     "Comment": "textinput-carethidden",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -2679,7 +2679,7 @@ exports[`TextInput Tests TextInputs can have custom return key label, Compile 1`
   "Visual Tree": {
     "Comment": "textinput-return-Compile",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -2757,7 +2757,7 @@ exports[`TextInput Tests TextInputs can have custom return key label, React Nati
   "Visual Tree": {
     "Comment": "textinput-return-React Native",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -2835,7 +2835,7 @@ exports[`TextInput Tests TextInputs can have custom return key type, done 1`] =
   "Visual Tree": {
     "Comment": "textinput-return-done",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -2913,7 +2913,7 @@ exports[`TextInput Tests TextInputs can have custom return key type, go 1`] = `
   "Visual Tree": {
     "Comment": "textinput-return-go",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -3069,7 +3069,7 @@ exports[`TextInput Tests TextInputs can have custom return key type, none 1`] =
   "Visual Tree": {
     "Comment": "textinput-return-none",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -3147,7 +3147,7 @@ exports[`TextInput Tests TextInputs can have custom return key type, previous 1`
   "Visual Tree": {
     "Comment": "textinput-return-previous",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -3381,7 +3381,7 @@ exports[`TextInput Tests TextInputs can have customer letter spacing, spacing=-1
   "Visual Tree": {
     "Comment": "textinput-letterspacing--1",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -3459,7 +3459,7 @@ exports[`TextInput Tests TextInputs can have customer letter spacing, spacing=0
   "Visual Tree": {
     "Comment": "textinput-letterspacing-0",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -3615,7 +3615,7 @@ exports[`TextInput Tests TextInputs can have customer letter spacing, spacing=9
   "Visual Tree": {
     "Comment": "textinput-letterspacing-9",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -4023,7 +4023,7 @@ exports[`TextInput Tests TextInputs can have inline images, drawable props not s
   "Visual Tree": {
     "Comment": "textinput-inline-images-3",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -4179,7 +4179,7 @@ exports[`TextInput Tests TextInputs can have shadows 1`] = `
   "Visual Tree": {
     "Comment": "textinput-shadow",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -4772,6 +4772,83 @@ exports[`TextInput Tests TextInputs can rewrite characters: Replace Space with U
 }
 `;
 
+exports[`TextInput Tests TextInputs can select text on focus 1`] = `
+{
+  "Automation Tree": {
+    "AutomationId": "select-text-on-focus",
+    "ControlType": 50004,
+    "IsKeyboardFocusable": true,
+    "LocalizedControlType": "edit",
+    "TextRangePattern.GetText": "Hello World",
+    "ValuePattern.Value": "Hello World",
+  },
+  "Component Tree": {
+    "Type": "Microsoft.ReactNative.Composition.WindowsTextInputComponentView",
+    "_Props": {
+      "TestId": "select-text-on-focus",
+    },
+  },
+  "Visual Tree": {
+    "Comment": "select-text-on-focus",
+    "Offset": "0, 0, 0",
+    "Size": "916, 32",
+    "Visual Type": "SpriteVisual",
+    "__Children": [
+      {
+        "Offset": "0, 0, 0",
+        "Size": "1, 1",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Offset": "1, 0, 0",
+        "Size": "-2, 1",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Offset": "-1, 0, 0",
+        "Size": "1, 1",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Offset": "-1, 1, 0",
+        "Size": "1, -2",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Offset": "-1, -1, 0",
+        "Size": "1, 1",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Offset": "1, -1, 0",
+        "Size": "-2, 1",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Offset": "0, -1, 0",
+        "Size": "1, 1",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Offset": "0, 1, 0",
+        "Size": "1, -2",
+        "Visual Type": "SpriteVisual",
+      },
+      {
+        "Brush": {
+          "Brush Type": "ColorBrush",
+          "Color": "rgba(0, 0, 0, 255)",
+        },
+        "Offset": "83, 5, 0",
+        "Opacity": 0,
+        "Size": "1, 19",
+        "Visual Type": "SpriteVisual",
+      },
+    ],
+  },
+}
+`;
+
 exports[`TextInput Tests TextInputs can set their readOnly prop to false 1`] = `
 {
   "Automation Tree": {
@@ -4870,7 +4947,7 @@ exports[`TextInput Tests TextInputs can set their readOnly prop to true 1`] = `
   "Visual Tree": {
     "Comment": "textinput-readyonly",
     "Offset": "0, 0, 0",
-    "Size": "916, 29",
+    "Size": "916, 28",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -5099,7 +5176,7 @@ exports[`TextInput Tests TextInputs have a custom highlight color 1`] = `
   "Visual Tree": {
     "Comment": "textinput-custom-highlight-color",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -5177,7 +5254,7 @@ exports[`TextInput Tests TextInputs have a custom placeholder text color 1`] = `
   "Visual Tree": {
     "Comment": "textinput-custom-placeholder-color",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -5254,7 +5331,7 @@ exports[`TextInput Tests TextInputs have a custom text color 1`] = `
   "Visual Tree": {
     "Comment": "textinput-custom-color",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -5487,7 +5564,7 @@ exports[`TextInput Tests TextInputs have a default text color 1`] = `
   "Visual Tree": {
     "Comment": "textinput-default-color",
     "Offset": "0, 0, 0",
-    "Size": "916, 33",
+    "Size": "916, 32",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -5565,7 +5642,7 @@ exports[`TextInput Tests TextInputs have a default underline color 1`] = `
   "Visual Tree": {
     "Comment": "textinput-default-underline-color",
     "Offset": "0, 0, 0",
-    "Size": "916, 32",
+    "Size": "916, 33",
     "Visual Type": "SpriteVisual",
     "__Children": [
       {
@@ -5815,12 +5892,12 @@ exports[`TextInput Tests TextInputs which have a searchbox role should also supp
     "__Children": [
       {
         "Offset": "0, 0, 0",
-        "Size": "916, 33",
+        "Size": "916, 32",
         "Visual Type": "SpriteVisual",
         "__Children": [
           {
             "Offset": "0, 0, 0",
-            "Size": "916, 33",
+            "Size": "916, 32",
             "Visual Type": "SpriteVisual",
             "__Children": [
               {

From bd6b5e34d5cf0123f0ee5fbf4f2b866bb5314858 Mon Sep 17 00:00:00 2001
From: Daniel Ayala <14967941+danielayala94@users.noreply.github.com>
Date: Tue, 11 Mar 2025 14:56:06 -0700
Subject: [PATCH 7/7] Update snapshots

---
 .../__snapshots__/snapshotPages.test.js.snap  | 104 ++++++++++++++----
 1 file changed, 81 insertions(+), 23 deletions(-)

diff --git a/packages/e2e-test-app-fabric/test/__snapshots__/snapshotPages.test.js.snap b/packages/e2e-test-app-fabric/test/__snapshots__/snapshotPages.test.js.snap
index f1aa6dc8172..0e9c53c8acf 100644
--- a/packages/e2e-test-app-fabric/test/__snapshots__/snapshotPages.test.js.snap
+++ b/packages/e2e-test-app-fabric/test/__snapshots__/snapshotPages.test.js.snap
@@ -751,7 +751,6 @@ exports[`snapshotAllPages Accessibility Windows 4`] = `
     The following View exposes the accessibilityValue.Text field
   </Text>
   <View
-    accessibilityRole="combobox"
     accessibilityValue={
       {
         "text": "testText",
@@ -759,6 +758,7 @@ exports[`snapshotAllPages Accessibility Windows 4`] = `
     }
     accessible={true}
     aria-readonly={true}
+    role="combobox"
     style={
       {
         "backgroundColor": "gray",
@@ -77831,6 +77831,64 @@ exports[`snapshotAllPages TextInput 22`] = `
 `;
 
 exports[`snapshotAllPages TextInput 23`] = `
+<View>
+  <Text>
+    Select text on focus:
+  </Text>
+  <TextInput
+    selectTextOnFocus={true}
+    style={
+      [
+        {
+          "backgroundColor": "#ffffffff",
+          "borderColor": "#3c3c432d",
+          "color": "#000000ff",
+        },
+        {
+          "borderWidth": 1,
+          "flexGrow": 1,
+          "flexShrink": 1,
+          "fontSize": 13,
+          "padding": 4,
+        },
+        {
+          "fontSize": 16,
+        },
+      ]
+    }
+    testID="select-text-on-focus"
+  />
+  <Text>
+    Do not select text on focus if clear text on focus is enabled:
+  </Text>
+  <TextInput
+    clearTextOnFocus={true}
+    selectTextOnFocus={true}
+    style={
+      [
+        {
+          "backgroundColor": "#ffffffff",
+          "borderColor": "#3c3c432d",
+          "color": "#000000ff",
+        },
+        {
+          "borderWidth": 1,
+          "flexGrow": 1,
+          "flexShrink": 1,
+          "fontSize": 13,
+          "padding": 4,
+        },
+        {
+          "fontSize": 16,
+        },
+      ]
+    }
+    testID="select-text-on-focus-while-clear-text-on-focus"
+  />
+</View>
+`;
+
+exports[`snapshotAllPages TextInput 24`] = `
 <View>
   <TextInput
     defaultValue="Default color text"
@@ -78090,7 +78148,7 @@ exports[`snapshotAllPages TextInput 23`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 24`] = `
+exports[`snapshotAllPages TextInput 25`] = `
 <View>
   <TextInput
     defaultValue="Font Weight (default)"
@@ -78428,7 +78486,7 @@ exports[`snapshotAllPages TextInput 24`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 25`] = `
+exports[`snapshotAllPages TextInput 26`] = `
 <TextInput
   placeholder="If you set height, beware of padding set from themes"
   style={
@@ -78456,7 +78514,7 @@ exports[`snapshotAllPages TextInput 25`] = `
 />
 `;
 
-exports[`snapshotAllPages TextInput 26`] = `
+exports[`snapshotAllPages TextInput 27`] = `
 <View>
   <TextInput
     placeholder="letterSpacing = 0"
@@ -78573,7 +78631,7 @@ exports[`snapshotAllPages TextInput 26`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 27`] = `
+exports[`snapshotAllPages TextInput 28`] = `
 <View>
   <TextInput
     defaultValue="iloveturtles"
@@ -78632,7 +78690,7 @@ exports[`snapshotAllPages TextInput 27`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 28`] = `
+exports[`snapshotAllPages TextInput 29`] = `
 <TextInput
   defaultValue="Can't touch this! (>'-')> ^(' - ')^ <('-'<) (>'-')> ^(' - ')^"
   editable={false}
@@ -78659,7 +78717,7 @@ exports[`snapshotAllPages TextInput 28`] = `
 />
 `;
 
-exports[`snapshotAllPages TextInput 29`] = `
+exports[`snapshotAllPages TextInput 30`] = `
 <View>
   <TextInput
     autoCorrect={true}
@@ -78775,7 +78833,7 @@ exports[`snapshotAllPages TextInput 29`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 30`] = `
+exports[`snapshotAllPages TextInput 31`] = `
 <View>
   <TextInput
     editable={true}
@@ -78868,7 +78926,7 @@ exports[`snapshotAllPages TextInput 30`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 31`] = `
+exports[`snapshotAllPages TextInput 32`] = `
 <View
   style={
     {
@@ -78967,7 +79025,7 @@ exports[`snapshotAllPages TextInput 31`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 32`] = `
+exports[`snapshotAllPages TextInput 33`] = `
 <View
   style={
     {
@@ -79085,7 +79143,7 @@ exports[`snapshotAllPages TextInput 32`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 33`] = `
+exports[`snapshotAllPages TextInput 34`] = `
 <View>
   <TextInput
     autoComplete="country"
@@ -79199,7 +79257,7 @@ exports[`snapshotAllPages TextInput 33`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 34`] = `
+exports[`snapshotAllPages TextInput 35`] = `
 <View>
   <TextInput
     placeholder="returnKeyType: none"
@@ -79420,7 +79478,7 @@ exports[`snapshotAllPages TextInput 34`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 35`] = `
+exports[`snapshotAllPages TextInput 36`] = `
 <View>
   <TextInput
     inlineImageLeft="ic_menu_black_24dp"
@@ -79497,7 +79555,7 @@ exports[`snapshotAllPages TextInput 35`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 36`] = `
+exports[`snapshotAllPages TextInput 37`] = `
 <View>
   <TextInput
     style={
@@ -79527,7 +79585,7 @@ exports[`snapshotAllPages TextInput 36`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 37`] = `
+exports[`snapshotAllPages TextInput 38`] = `
 <View>
   <Text>
     PressIn/PressOut message
@@ -79562,7 +79620,7 @@ exports[`snapshotAllPages TextInput 37`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 38`] = `
+exports[`snapshotAllPages TextInput 39`] = `
 <View>
   <Text>
     Default submit key (Enter):
@@ -79698,7 +79756,7 @@ exports[`snapshotAllPages TextInput 38`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 39`] = `
+exports[`snapshotAllPages TextInput 40`] = `
 [
   <View
     focusable={true}
@@ -79764,7 +79822,7 @@ exports[`snapshotAllPages TextInput 39`] = `
 ]
 `;
 
-exports[`snapshotAllPages TextInput 40`] = `
+exports[`snapshotAllPages TextInput 41`] = `
 [
   <Text>
     Spell Check Enabled:
@@ -79813,7 +79871,7 @@ exports[`snapshotAllPages TextInput 40`] = `
 ]
 `;
 
-exports[`snapshotAllPages TextInput 41`] = `
+exports[`snapshotAllPages TextInput 42`] = `
 <View>
   <Text>
     CaretHidden
@@ -79845,7 +79903,7 @@ exports[`snapshotAllPages TextInput 41`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 42`] = `
+exports[`snapshotAllPages TextInput 43`] = `
 <View>
   <Text>
     Cursorcolor
@@ -79877,7 +79935,7 @@ exports[`snapshotAllPages TextInput 42`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 43`] = `
+exports[`snapshotAllPages TextInput 44`] = `
 <View>
   <Text>
     Shadow
@@ -79915,7 +79973,7 @@ exports[`snapshotAllPages TextInput 43`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 44`] = `
+exports[`snapshotAllPages TextInput 45`] = `
 <View
   accessible={true}
   testID="textinput-set"
@@ -79998,7 +80056,7 @@ exports[`snapshotAllPages TextInput 44`] = `
 </View>
 `;
 
-exports[`snapshotAllPages TextInput 45`] = `
+exports[`snapshotAllPages TextInput 46`] = `
 <View
   accessible={true}
   testID="textinput-searchbox"