RocketChat/fuselage

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

Spiral-Memory opened this issue · 1 comments

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:

2024-01-16.21-25-09.mp4

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.

@dougfabris @juliajforesti I've tried resolving this bug and created a pull request in fuselage repo. Kindly review it to confirm if the approach is accurate or anything has to be changed.