react-component / react-component/select
Bug: Previous select is not closed when new one is opened via expand icon
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 938
- Forks
- 482
- Avg merge
- 15h 8m
- Merged PRs (30d)
- 2
Description
After researching source code I've found that select is using 'onGlobalMouseDown' callback for tracking outside 'mousedown' event to handle situations where outer click occured or another select instance is opened - then it closes all selects, which were opened before. Unfortunately it doesn't work for situation with opening next select through clicking on 'expandIcon' , because 'rc-select' component inner implementation is calling event.preventDefault which makes impossible to catch this and close previously opened select instances.
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 tracing the onGlobalMouseDown callback and the expandIcon interaction in the select source, then reproduce the behavior with two select instances. Done means opening a second select through its expand icon closes the previously opened select, without breaking outside-click handling.
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
- 45/100