GeekyAnts / GeekyAnts/NativeBase
Modal Accessibility Issue in UWP
- Dominant language
- TypeScript
- Stars
- 20.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
Able to navigate across the unfocused area through TAB key once Modal opens
### CodeSandbox/Snack link
https://codesandbox.io/s/frosty-hugle-ex5hgj?file=/src/App.tsx
### Steps to reproduce
While the Modal is opened, use Tab key to switch the focus.
Expected result:
unfocused area should not be accessible to the user.
Actual result:
unfocused area is accessible to the user using tab navigation
### NativeBase Version
3.4.15
### Platform
- [ ] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next
### Other Platform
_No response_
### Additional Information
_No response_
Contributor guide
Research direction
Start with the linked CodeSandbox at src/App.tsx and reproduce the modal behavior by pressing Tab after it opens. Trace how the NativeBase Modal handles focus on the UWP platform; done means focus cannot move into the unfocused area while the modal is open.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100