GeekyAnts / GeekyAnts/NativeBase

iOS: Modal is not automatically focused, and you can focus things outside the modal

Open
#4,986 4 comments 0 reactions 0 assignees View on GitHub
accessibility bug iOS v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### 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

1. Open the snack link
2. Enable Voiceover on iOS
3. focus the button
4. Double-tap to press the button
5. The modal is open, but the trigger button is still focused
6. 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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.