Checkbox focus ring disappears when toggling the checkbox via SPACE with NVDA enabled
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
# 🐛 Bug Report
The focus ring disappears from the checkbox if the user toggles selection via space when NVDA is enabled. This happens for our React Spectrum Checkbox and for the example in the react aria docs (https://react-spectrum.adobe.com/react-aria/useCheckbox.html#styling). Perhaps is a `useFocusRing`/`useFocusVisible` issue?
## 🤔 Expected Behavior
Focus ring shouldn't disappear from the checkbox when toggling selection
## 😯 Current Behavior
Focus ring disappears from the checkbox when toggling selection when NVDA is enabled
## 💁 Possible Solution
Still digging, might be something in `useFocusRing`/`useFocusVisible`
## 🌍 Your Environment
| Software | Version(s) |
| ---------------- | ---------- |
| react-spectrum | 3.12
| Browser |. Chrome
| Operating System |. Windows 11
## 🧢 Your Company/Team
RSP
Contributor guide
Research direction
Start by reproducing the issue with the React Spectrum Checkbox and the React Aria useCheckbox example in Chrome on Windows with NVDA enabled. Then inspect the useFocusRing and useFocusVisible entry points; done means the checkbox focus ring remains visible after toggling with SPACE.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100