[v2] Accessibility not found for element inside bottom sheet (iOS only)
See original GitHub issueBug
Hi! i am working to automate test component that using BottomSheet. The problem is Appium (my test framework) can not get element inside the bottom sheet on iOS device. However, it works on Android device. My expectation is i can get the element inside the bottom sheet so that i can take action such as press on the button etc. The actual condition is, i only get one accessibility label “Bottom Sheet” that covering all area in the screen.
Environment info
Library | Version |
---|---|
@gorhom/bottom-sheet | 2.4.0 |
react-native | 0.61.5 |
react-native-reanimated | 1.7.0 |
react-native-gesture-handler | 1.3.0 |
Steps To Reproduce
- Open Appium & use inspect element
- Open the bottom sheet in the app
- select the element inside the bottom sheet (e.g text component)
- The accessibility label for the text is not found
Describe what you expected to happen:
- The text inside the bottom sheet which i selected above can be found
Reproducible sample code
return (
<View style={Style.container}>
<Button text={'TOGGLE'} onPress={onPress} />
<BottomSheet
ref={bottomSheetRef}
snapPoints={snapPoints}
backdropComponent={BottomSheetBackdrop}>
<View style={{
backgroundColor: Color.white,
padding: 30,
}}>
<Text accessibilityLabel="this_label">This</Text>
<Text>is</Text>
<Text>content</Text>
<Text>that is not accessible</Text>
</View>
</BottomSheet>
</View>
);
Issue Analytics
- State:
- Created 2 years ago
- Comments:11
Top Results From Across the Web
Sheets: bottom - Material Design
Bottom sheets are surfaces containing supplementary content that are anchored to the bottom of the screen.
Read more >iOS 14 (SwiftUI) Sheet Modals not … | Apple Developer Forums
After upgrading to iOS14 (14.0.1 included), all my sheet modals in my app started to act randomly weird: Sometimes the modals act perfectly...
Read more >Is a bottom sheet with no close button accessible?
The Human Interface Guidelines recommend always having a close/dismiss/cancel button as well as being able to swipe down to close it.
Read more >Issue at clicking on action sheet in iOS - Appium Discuss
My test always selects (bottom) “Cancel” button. Even though accessibility ID is correct. For a work around, I changed the code locally that...
Read more >position: fixed doesn't work on iPad and iPhone - Stack Overflow
A lot of mobile browsers deliberately do not support position:fixed; on the grounds that fixed elements could get in the way on a...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
i suggest you to upgrade the version to have the latest updates both in animation or anything.
I thought it was solved on bottom sheet v2 version 2.4.1. Unfortunately i couldn’t upgrade rn version to +0.63.