JedWatson / JedWatson/react-select

Cannot select options on iOS with VoiceOver since 5.8.0

Open
#5,848 1 comment 6 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Using VoiceOver on iOS is not possible to select options. Issue #5190 already pointed out that is not possible to select an option with the canonical double tab. However users could still rely on a the workaround suggested in that comment. In release 5.8.0 it is not even possible to scroll through the options because the listbox closes after the first slide forward.

To reproduce the issue open https://2qmg83.csb.app/ using Safari on iOS with VoiceOver.

  1. Open the select double tapping on it.
  2. Swipe forward (from right to left)
    I expect the focus moves to the first option, instead the listbox closes.

The URL to reproduce the issue is generated from the CodeSandbox used in the react-select.com homepegage.

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

Reproduce the behavior using the linked CodeSandbox in Safari on iOS with VoiceOver, following the two listed steps, and review issue #5190 and the changes around release 5.8.0. Done means swiping forward moves focus to the first option while the listbox remains open so options can be selected.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, react, typescript
Domain
accessibility, frontend, mobile
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.