[Fabric] Text renders borders twice (microsoft#13445)

* [Fabric] Text renders borders twice * Change files * Add fabric test for text borders * snapshot updates * snapshots
acoates-ms · Jul 16, 2024 · 9782c63 · 9782c63
1 parent 399075c
commit 9782c63
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/change/react-native-windows-63f67386-8c58-4d24-88c1-84e80443b8d4.json b/change/react-native-windows-63f67386-8c58-4d24-88c1-84e80443b8d4.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "[Fabric] Text renders borders twice",
+  "packageName": "react-native-windows",
+  "email": "30809111+acoates-ms@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/vnext/src-win/Libraries/Text/Text.windows.js b/vnext/src-win/Libraries/Text/Text.windows.js
@@ -279,6 +279,7 @@ const Text: React.AbstractComponent<
   } else {
     let styleProps: ViewStyleProp = (restProps.style: any);
     if (
+      global.RN$Bridgeless !== true && // [Windows] Fabric text handles borders, but on paper we need to wrap it in an extra view
       styleProps &&
       styleProps.borderColor &&
       (styleProps.borderWidth ||