NativeBase
NativeBase copied to clipboard
iOS: Modal is not automatically focused, and you can focus things outside the modal
Description
Using Voiceover on iOS. When I open a modal I expect the focus to shift to the modal so that I know something happened. I should be able to navigate the contents of the modal clearly and not be able to access content from outside the modal while the modal is open
CodeSandbox/Snack link
https://snack.expo.dev/@simonflk/nativebase-voiceover-modal-issue
Steps to reproduce
- Open the snack link
- Enable Voiceover on iOS
- focus the button
- Double-tap to press the button
- The modal is open, but the trigger button is still focused
- Swipe left or right to access the contents of the modal
NativeBase Version
3.4.3
Platform
- [ ] Android
- [ ] CRA
- [ ] Expo
- [X] iOS
- [ ] Next
Other Platform
No response
Additional Information
iOS 15.4:
https://user-images.githubusercontent.com/4867329/166302548-1a9d075f-9b56-4d66-a398-8674031eee66.mov
Android 12:
I could not record sound, but you can see clearly that the modal header is automatically focused when the modal opens, and I cannot access any content outside the modal.
https://user-images.githubusercontent.com/4867329/166303496-ba618e82-c331-40a1-97d7-778017987e7f.mp4
Hi @simonflk, Thanks for reporting the issue. We will look into it.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Hi @simonflk, you can try this workaround to shift the focus
to modal. We will fix this in the next sprint.
The same issue is reproduceable in UWP. Outside the modal should be impossible to focus. Is it fixed now?