JedWatson / JedWatson/react-select
Async select doesn't get repositioned after loading is done
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
This seems like a bug, I saw some discussions about using popper, but seems like custom implementation was chosen. Popper would accept handleResize, which I think fixes this. Does your implementation have a property to observe resize and update position accordingly?
Issue: position is calculated during loading state, after data is loaded, it's not recalculated resulting on off-screen content.
recording: https://www.loom.com/share/ea00e7c4364649e4ace2ec87f6a51a95
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 by reproducing the async select positioning problem described in the issue and recording, then inspect the custom positioning implementation used after loading. The work is done when the menu is repositioned after async data loads so its content is not off-screen.
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