You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am using a bottom sheet library in one the screen inside the <Tab.Navigator>. I am trying to access the bottom sheet library content via keyboard for achieve accessibility related stuffs. But i am not able to focus any content inside the bottom sheet and not able to navigate contents by keyboard.
Bottom sheet is getting focused if i tap first time, and if try to tap again to access content its going out of the content and next element is getting selected.
IMG_0.MOV
Environment info
Library
Version
@gorhom/bottom-sheet
^4.4.6
react-native
0.74.1
react-native-reanimated
~3.10.1
react-native-gesture-handler
~2.16.1
Steps To Reproduce
In device settings, go to keyboards, Full Keyboard Access, turn it on.
Visit the screen, where the bottom sheet is implemented.
Connect your device to external keyboard or if you are using simulator than device keyboard should work.
Open bottom sheet, and try to focus or access any content via keyboard tap key or arrow key.
Describe what you expected to happen:
Focus should be goes inside the bottom sheet.
Each item can be focused via the keyboard through tap or arrow keys.
I am using a bottom sheet library in one the screen inside the <Tab.Navigator>. I am trying to access the bottom sheet library content via keyboard for achieve accessibility related stuffs. But i am not able to focus any content inside the bottom sheet and not able to navigate contents by keyboard.
Bottom sheet is getting focused if i tap first time, and if try to tap again to access content its going out of the content and next element is getting selected.
Uploading IMG_0.MOV…
Environment info
Library Version
@gorhom/bottom-sheet ^4.4.6
react-native 0.74.1
react-native-reanimated ~3.10.1
react-native-gesture-handler ~2.16.1
Steps To Reproduce
In device settings, go to keyboards, Full Keyboard Access, turn it on.
Visit the screen, where the bottom sheet is implemented.
Connect your device to external keyboard or if you are using simulator than device keyboard should work.
Open bottom sheet, and try to focus or access any content via keyboard tap key or arrow key.
Describe what you expected to happen:
Focus should be goes inside the bottom sheet.
Each item can be focused via the keyboard through tap or arrow keys.
Thanks @gpurbia for raised this issue i am also facing same issue on bottomSheet when we use it under Tab.Navigator
gpurbia
changed the title
[v4] | [v2] Keyboard accessibility not working if adding bottom inside a <Tab.Screen> (@react-navigation/material-top-tabs library)
[v4] | [v2] Keyboard accessibility not working if adding bottom sheet inside a <Tab.Screen> (@react-navigation/material-top-tabs library)
Jun 3, 2024
Bug
I am using a bottom sheet library in one the screen inside the <Tab.Navigator>. I am trying to access the bottom sheet library content via keyboard for achieve accessibility related stuffs. But i am not able to focus any content inside the bottom sheet and not able to navigate contents by keyboard.
Bottom sheet is getting focused if i tap first time, and if try to tap again to access content its going out of the content and next element is getting selected.
IMG_0.MOV
Environment info
Steps To Reproduce
Describe what you expected to happen:
Reproducible sample code
here is the reproducible example snack (https://snack.expo.dev/@giteshpurbia/gorhom-bottom-sheet)
The text was updated successfully, but these errors were encountered: