feat(fabric, text): support native text selection when selectable={true}

[Saad Najmi (Saadnajmi)]

Followup from #2845

Summary

• Implements native text selection support for <Text selectable={true}> in the Fabric (new architecture) renderer
• On macOS, swaps the content view to an NSTextView subclass that handles click-drag, double-click (word), and triple-click (line) selection, plus right-click context menus
• On iOS, swaps to a UITextView subclass that leverages built-in gesture recognizers for long-press-to-select
• The selectable text view is created lazily — only when selectable={true} — so there is zero overhead for non-selectable text (the common case)
• Ungates RCTTextLayoutManager.getTextStorageForAttributedString: so both platforms can sync Fabric's attributed string into the native text view

iOS	macOS

Approach

Rather than adding selection logic to the existing RCTParagraphTextView, this introduces a separate RCTParagraphSelectableTextView (platform-native text view) that is swapped in as the content view when the selectable prop is set. This keeps the non-selectable path untouched and avoids runtime cost for the default case.

On macOS, mouse events are intercepted at the RCTParagraphComponentView level to distinguish single clicks (forwarded to JS for onPress) from drag/double-click/triple-click gestures (forwarded to the NSTextView for native selection). Touch cancellation walks the view hierarchy to toggle RCTSurfaceTouchHandler without modifying that class.

On iOS, UITextView handles selection natively through its built-in gesture recognizers — no custom hit-testing needed.

Test plan

Add the following to RNTesterPlayground and verify on both macOS and iOS:

import{Alert,StyleSheet,Text,View}from'react-native';functionPlayground(){return(<Viewstyle={styles.container}><Textstyle={styles.heading}>Text Selection Test</Text><Textstyle={styles.label}>Selectable text (try click-drag, double-click, right-click):</Text><Textselectable={true}style={styles.selectableText}>
This text should be selectable. Try clicking and dragging to select a
range of text. Double-click to select a word. Triple-click to select a
line. Right-click to see the context menu.
</Text><Textstyle={styles.label}>Non-selectable text (default):</Text><Textstyle={styles.nonSelectableText}>
This text should NOT be selectable. Clicking and dragging should not
create a text selection. This is the default behavior.
</Text><Textstyle={styles.label}>Selectable with nested styles:</Text><Textselectable={true}style={styles.selectableText}>
This has <Textstyle={styles.bold}>bold text</Text> and{' '}<Textstyle={styles.italic}>italic text</Text> and{' '}<Textstyle={styles.colored}>colored text</Text> inside it.
Selection should work across all styled ranges.
</Text><Textstyle={styles.label}>Selectable with onPress (should not conflict):</Text><Textselectable={true}onPress={()=>Alert.alert('Text pressed!')}style={styles.pressableText}>
This text is both selectable and pressable. A single click should
trigger onPress. Click-drag should start a selection instead.
</Text></View>);}

• Verify <Text selectable={true}> enables click-drag selection on macOS
• Verify double-click selects a word, triple-click selects a line on macOS
• Verify right-click shows native context menu with Copy on macOS
• Verify <Text selectable={true}> enables long-press selection on iOS
• Verify non-selectable text (default) is unchanged on both platforms
• Verify onPress still fires for single clicks on selectable text
• Verify nested styled text renders correctly when selectable
• Verify selection is cleared when text loses focus

🤖 Generated with Claude Code

[changeset-bot]

⚠️ No Changeset found

Latest commit: 73b644a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Saad Najmi (Saadnajmi)]

Some comments