JedWatson / JedWatson/react-select

Extra white space above or below options when using mouse wheel to scroll.

Open
#6,009 2 comments 0 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

Extra white space above or below options when using mouse wheel to scroll.

Please include a test case that demonstrates the issue you're reporting! https://react-select.com/home

If you visit the react-select webpage using firefox, and drop down the react-select that has a scrollbar, and use the mouse wheel, sometimes the options list appears longer than it should, meaning that there is a lot of extra whitespace above or below the options. It does this intermittently on firefox. Could not get it to happen on Chrome or Edge.

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 intermittent scrolling issue on the react-select webpage in Firefox with a scrollbar-enabled options list, then compare the behavior with Chrome or Edge. Trace the options list while using the mouse wheel and add a test case demonstrating the extra whitespace; done means the list no longer appears longer than its options.

Written by the indexing model from the issue text.

Assessment

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