JedWatson / JedWatson/react-select

Accessibility - option item can not be selected from the dropdown list by using VoiceOver on Mac.

Open
#5,119 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

awaiting-author-response issue/bug-unconfirmed
Dominant language
TypeScript
Stars
28k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

This is a bug regarding react-select v5.2.2.

We are using the AsyncSelect component in our project for asynchronous selecting options. By default, it works fine for ordinary users, except using it with VoiceOver.

On the screenshot, you can see VoiceOver's proposition on how to choose an option from the list, but using the keyboard keys: Up/Down simply close the dropdown.

Screenshot 2022-03-22 at 15 14 40

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with the AsyncSelect component in react-select v5.2.2 using VoiceOver on Mac and the Up/Down keys. Trace the keyboard interaction for the dropdown; done means VoiceOver users can move through the options without the dropdown closing and can select an option.

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
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.