react-native icon indicating copy to clipboard operation
react-native copied to clipboard

Nested text not focusable by hardware keyboards

Open gp3gp3gp3 opened this issue 3 years ago • 0 comments

Description

Nested text components are not focusable by hardware keyboards. This is blocking react native applications from being able to use hardware keyboards when trying to render things like rich text with urls. If the focusable prop was exposed on text this would resolve this issue.

Version

0.70.4

Output of npx react-native info

System: OS: macOS 12.6 CPU: (10) arm64 Apple M1 Pro Memory: 187.17 MB / 32.00 GB Shell: 5.8.1 - /bin/zsh Binaries: Node: 16.10.0 - ~/.nvm/versions/node/v16.10.0/bin/node Yarn: 1.22.19 - /opt/homebrew/bin/yarn npm: 7.24.0 - ~/.nvm/versions/node/v16.10.0/bin/npm Watchman: 2022.10.03.00 - /opt/homebrew/bin/watchman Managers: CocoaPods: Not Found SDKs: iOS SDK: Platforms: DriverKit 22.1, iOS 16.1, macOS 13.0, tvOS 16.1, watchOS 9.1 Android SDK: Android NDK: 21.4.7075529 IDEs: Android Studio: 2021.3 AI-213.7172.25.2113.9014738 Xcode: 14.1/14B47b - /usr/bin/xcodebuild Languages: Java: 11.0.16.1 - /usr/bin/javac npmPackages: @react-native-community/cli: Not Found react: 18.1.0 => 18.1.0 react-native: 0.70.4 => 0.70.4 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Steps to reproduce

1: Create nested text such as

<Text>Here is some text with <Text accessibilityRole="link" onPress={() => console.log('firing here')}>Nested text</Text></Text>

2: Plug in a physical keyboard either via usb or bluetooth to phone. 3: Notice pressing tab on keyboard does not focus nested text.

Snack, code example, screenshot, or link to a repository

See example in steps to reproduce above.

gp3gp3gp3 avatar Nov 03 '22 19:11 gp3gp3gp3