JedWatson / JedWatson/react-select
React select not Accessible through keyboard interactions.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
Hello,
I am submitting a bug here.
It is pretty simple and you can see it on the demo site but when you tab to the select dropdown and hit 'Return' it does not open up.
What should happen is that when you hit return, it opens the dropdown and you can carry on tabbing through the options and then hit return again to select one.
Currently this does not work and I cannot see anything in the docs that can reference a fix or roadmap to it.
This is an FYI to anyone else who might be using this on a site where accessibility is needed, just be aware and refer back to this issue. I am hoping there's a simple fix that can be added to extend this onto the component quite easily so I will wait to hear back.
Thanks,
Mark
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the keyboard interaction on the demo site: tab to the select, press Return, and compare the result with the expected behavior described here. Trace the select's keyboard interaction entry point and verify that opening the dropdown, moving through options, and selecting with Return work as described.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, 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