JedWatson / JedWatson/react-select

When using isMulti={true} with grouped options, opening menu position opens partially scrolled instead of at top

Open
#5,660 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
28k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

I have multiple option groups with a select in multi mode, and regardless of whether anything has already been selected or not, when the menu opens, it auto positions somewhere near the middle/bottom, and not at the top...so the options at the top are missed.

How can I default the menu to open at the top, starting with the first group? I've searched, tested and tried to solve this for hours, and it does not seem like this is possible...

Opening near the bottom instead of the top, is not the expected behavior.

Appreciate this great plugin, but could really use some help on this issue.

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

No file or test is identified in the report. First reproduce an isMulti select with grouped options and inspect how menu opening determines its scroll position; done means the menu opens at the top with the first group visible, whether or not options are already selected.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
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.