RocketChat / RocketChat/fuselage

[BUG] Dropdown for adding roles during new member addition does not close when the up/down icon is clicked.

Open
#1,305 1 comment 0 reactions 0 assignees View on GitHub

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:
  1. Open the Rocket Chat server.
  2. Log in to your admin workspace.
  3. Click the Add users button.
  4. Select New User.
  5. Scroll down and choose the Roles for the user.
  6. 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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.