Fix keyboard focus for Marketplace You page interactive rows

Summary:
Changelog: [Internal]

Fixes iOS Full Keyboard Access (FKA) not focusing interactive rows on the Marketplace You page.

Differential Revision: D113967090

Author: Julia Bian

packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

@@ -38,6 +38,23 @@
 
 const CGFloat BACKGROUND_COLOR_ZPOSITION = -1024.0f;
 
+#if !TARGET_OS_TV
+// iOS Full Keyboard Access only focuses a view when it is an accessibility
+// element that also exposes an interactive trait. Views that surface their
+// interactivity through a grouping accessibility element (rather than the
+// underlying control) are otherwise skipped by the focus engine, leaving
+// keyboard-only users unable to reach them.
+static BOOL RCTViewIsInteractiveAccessibilityElement(UIView *view)
+{
+  if (!view.isAccessibilityElement) {
+    return NO;
+  }
+  UIAccessibilityTraits interactiveTraits = UIAccessibilityTraitButton | UIAccessibilityTraitLink |
+      UIAccessibilityTraitSearchField | UIAccessibilityTraitKeyboardKey;
+  return (view.accessibilityTraits & interactiveTraits) != 0;
+}
+#endif
+
 @implementation RCTViewComponentView {
   UIColor *_backgroundColor;
   CALayer *_backgroundColorLayer;
@@ -1490,6 +1507,11 @@ - (BOOL)wantsToCooptLabel
 
 - (BOOL)canBecomeFocused
 {
+#if !TARGET_OS_TV
+  if (RCTViewIsInteractiveAccessibilityElement(self)) {
+    return YES;
+  }
+#endif
   return _focusable;
 }