-
Notifications
You must be signed in to change notification settings - Fork 103
[tvOS] Focus not restoring with sidebarAdaptable #501
Open
Description
Before submitting a new issue
- I tested using the latest version of the library, as the bug might be already fixed.
- I tested using a supported version of react native.
- I checked for possible duplicate issues, with possible answers.
Bug summary
When closing sidebar on tvOS it automatically focuses on first visible object on the screen, not the previously focused one.
Library version
1.1.0
Environment info
System: OS: macOS 26.0 CPU: (12) arm64 Apple M2 Max Memory: 1.61 GB / 32.00 GB Shell: version: "5.9" path: /bin/zsh Binaries: Node: version: 25.2.1 path: /opt/homebrew/bin/node Yarn: version: 1.22.22 path: /opt/homebrew/bin/yarn npm: version: 11.6.2 path: /opt/homebrew/bin/npm Watchman: Not Found Managers: CocoaPods: version: 1.16.2 path: /opt/homebrew/lib/ruby/gems/3.4.0/bin/pod SDKs: iOS SDK: Platforms: - DriverKit 25.0 - iOS 26.0 - macOS 26.0 - tvOS 26.0 - visionOS 26.0 - watchOS 26.0 Android SDK: Not Found IDEs: Android Studio: Not Found Xcode: version: 26.0/17A324 path: /usr/bin/xcodebuild Languages: Java: version: 25.0.1 path: /opt/homebrew/bin/javac Ruby: version: 3.4.5 path: /opt/homebrew/opt/ruby/bin/ruby npmPackages: "@react-native-community/cli": installed: 20.0.2 wanted: 20.0.2 react: installed: 19.2.3 wanted: 19.2.3 react-native: Not Found react-native-macos: Not Found react-native-tvos: installed: 0.83.1-0 npmGlobalPackages: "*react-native*": Not Found Android: hermesEnabled: true newArchEnabled: true iOS: hermesEnabled: true newArchEnabled: true
Steps to reproduce
- Create navigator with sidebarAdaptable enabled
- Create page with multiple Pressable in
Reproducible sample code
<Router.Navigator initialRouteName="Test" sidebarAdaptable screenOptions={{ freezeOnBlur: true, }} > <Tabs.Screen name="Watching" options={{ title: 'Test', tabBarIcon: () => ({ sfSymbol: 'star.fill' }) }} component={(Test)} /> </Router.Navigator> ... <ScrollView> <View style={{ padding: 100 }}> {Array.from({ length: 20 }).map((_, i) => ( <View style={{ padding: 50 }}> <TouchableOpacity tvParallaxProperties={{ magnification: 1.1, }}> <Text>Button {i}</Text> </TouchableOpacity> </View> ))} </View> </ScrollView>
Metadata
Metadata
Assignees
Type
Fields
Give feedbackNo fields configured for issues without a type.