software-mansion-labs / software-mansion-labs/react-native-bottom-sheet
[ModalBottomSheet] The screen reader reaches the screen behind an open sheet
Nobody has claimed this yet.
- Dominant language
- Kotlin
- Stars
- 432
- Forks
- 21
- Avg merge
- 7d 7h
- Merged PRs (30d)
- 1
Description
Summary
With a ModalBottomSheet open, the screen reader still reaches the elements behind it,
either by swiping forward past the last element in the sheet or by touching the backdrop.
Videos with sound:
VoiceOver on iOS
TalkBack on Android
Reproduction
https://github.com/kilarsky/swm-bottom-sheet-screen-reader-reaches-behind-repro
- Turn VoiceOver or TalkBack on.
- Tap Open sheet.
- Put reader focus on the Sheet heading, then swipe forward past Close.
- Or touch the backdrop above the sheet.
Expected
Focus stays in the sheet.
Actual
The reader reaches the background either way, even though the backdrop covers it.
Environment
@swmansion/react-native-bottom-sheet: 0.16.2
iOS 26.5 and Android 11 in the videos.
npx expo-env-info
expo-env-info 2.1.0 environment info:
System:
OS: macOS 26.5.2
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.18.0 - /usr/local/bin/node
Yarn: 1.22.22 - /usr/local/bin/yarn
npm: 10.9.3 - /usr/local/bin/npm
Watchman: 2025.09.15.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.16.2 - /Users/.../.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms: DriverKit 25.5, iOS 26.5, macOS 26.5, tvOS 26.5, visionOS 26.5, watchOS 26.5
IDEs:
Android Studio: 2026.1 AI-261.26222.65.2613.16025427
Xcode: 26.5/17F42 - /usr/bin/xcodebuild
npmPackages:
expo: ~57.0.15 => 57.0.15
react: 19.2.3 => 19.2.3
react-native: 0.86.2 => 0.86.2
Expo Workflow: bare
npx expo-doctor
21/21 checks passed. No issues detected!
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked reproduction app and follow the VoiceOver and TalkBack steps with a ModalBottomSheet open. Verify the behavior on both platforms, then confirm the fix when reader focus remains within the sheet after swiping past Close or touching the backdrop.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native
- Domain
- accessibility, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100