RocketChat / RocketChat/fuselage
MultiSelect DropDown: Dropdown reopens when ever the close toggle is clicked
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 162
- Forks
- 258
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 24
Description
Description
When interacting with the MultiSelect dropdown, clicking the chevron or component body while the menu is open causes it to close and immediately reopen.
The only reliable way to close it is by clicking outside the component, which breaks expected toggle behavior.
Steps to reproduce
Open the MultiSelect component (Storybook or app usage).
- Click to open the dropdown.
- While it is open, click the chevron icon (or the select body area).
- Observe that the dropdown briefly closes and reopens instead of staying closed.
- Click outside the component and notice it closes correctly.
Insert an image/gif
https://github.com/user-attachments/assets/67aea2bb-4977-4d37-bae7-949cd6053fc7
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 behavior in the MultiSelect component through Storybook or an app usage, then inspect its dropdown toggle and click-handling entry points. Done means clicking the chevron or select body while open closes the menu and does not reopen it, while clicking outside still closes it.
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