RocketChat / RocketChat/fuselage
[BUG] Dropdown for adding roles during new member addition does not close when the up/down icon 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 you're assigning roles to a new member while adding a new member, the dropdown for selecting roles doesn't close properly. It acts strangely, jumping when clicked on the up/down icon or on the part outside the anchor part but inside the box. However, it behaves as expected if you click outside the box or on the anchor part.
Steps to reproduce:
- Open the Rocket Chat server.
- Log in to your admin workspace.
- Click the Add users button.
- Select New User.
- Scroll down and choose the Roles for the user.
- Attempt to close the dropdown using the up/down icon or on the edge of the box (outside the anchor).
Expected behavior:
The dropdown should close when clicking anywhere on the edge of the component or on its up/down icon.
Actual behavior:
https://github.com/RocketChat/Rocket.Chat/assets/78961432/e7b21fd8-b332-4247-a246-906f88a75b1d
Server Setup Information:
- Rocket.Chat Server Version: 6.6.0-develop
- Operating System: Ubuntu 22.04.3 LTS
- Deployment Method: Local development server deployment
- NodeJS Version: 14.21.4 - x64
- MongoDB Version: 6.0.3
Client Setup Information
- Desktop App or Browser Version: Microsoft Edge Version 120.0.2210.133 (Official build) (64-bit)
- Operating System: Ubuntu 22.04.3 LTS
Additional context:
The issue is associated with the fuselage component itself. It's recommended to address and resolve the problem at that level.
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
The issue identifies the Fuselage dropdown component but names no source file or test. Reproduce the role-selection dropdown behavior in the new-member flow, then trace the component's edge and up/down icon interactions; done means clicks in both areas close the dropdown consistently.
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