react-component / react-component/select
Can't click dropdown when the placement is topLeft and in a scrollable area
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 938
- Forks
- 482
- Avg merge
- 15h 8m
- Merged PRs (30d)
- 2
Description
Description
You can't click dropdown when the dropdown shows up at top in a scrollable area.
Reproduction
- Put
<Select>in a scrollable area (container) - Set its
getPopupContaineras this container - Add
animationto<Select> - Scroll it to the container's bottom
- Click input box to show dropdown (You need to click twice, another bug)
- You can't click the content in the dropdown
Here is an online demo
https://codesandbox.io/s/gallant-shtern-r88m4d?file=/src/App.tsx
Other information
Also in tree-select
Contributor guide
No contributing guide indexed for this repository
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 linked CodeSandbox with Select, animation, getPopupContainer, and a scrollable container; the report also notes tree-select. No source file or test is named, so trace the popup positioning and click behavior from the Select entry point. Done means the topLeft dropdown opens and its content is clickable after scrolling, without requiring a second click.
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