JedWatson / JedWatson/react-select

Tab don't focus next element

Open
#5,806 6 comments 5 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

I have an issue with tabbing when focusing field with a disabled search. When the element is focused with tab and select is opened, when click tab again they lose focus close the menu and leave form, but need to focus next checkbox as he selects when searchable is enabled.

You can check the example on the link

https://codesandbox.io/s/codesandboxer-example-forked-ntxhmx

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 tabbing behavior using the linked CodeSandbox example, with the search disabled. Trace the focus transition when the menu closes; done means pressing Tab moves focus to the next checkbox instead of leaving the form.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.