JedWatson / JedWatson/react-select
React select - Is there a way to load more options by moving the scroll bar down?
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
I am using a react-select to load more options by using onMenuScrollToBottom property and when you reach the end of the options list, it loads more options fine but, it doesn't load when I use the scrollbar alone. Like for example, I am trying to move the scrollbar down to the end of the options list to load more options but, it doesn't happen. Can this be achieved by adding/changing anything? Please let me know. Thank you in advance.
Please find the codesandbox example for reference - https://codesandbox.io/p/sandbox/codesandboxer-example-forked-n4dydn?file=%2Fexample.tsx%3A15%2C20
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox example and inspect the react-select menu behavior around onMenuScrollToBottom. Reproduce the difference between reaching the end with a wheel or keyboard and dragging the scrollbar, then verify that loading more options also occurs when the scrollbar reaches the bottom.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100