GeekyAnts / GeekyAnts/NativeBase

Modal Accessibility Issue in UWP

Open
#5,781 0 comments 0 reactions 0 assignees View on GitHub
bug triage v3
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.