RocketChat / RocketChat/Rocket.Chat

Sidebar room row loses highlight when options menu is open

Open
#38,792 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

type: bug
Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
130

Description

Description:

When opening a room/channel options menu (kebab / three-dot button) from the left sidebar, the row highlight disappears as soon as the mouse moves from the row into the menu and this makes user confused which row he seleted.

Steps to reproduce:
  1. Open /home.
  2. Hover any sidebar room/channel row so the options (three-dot) button appears.
  3. Click the options button to open the menu.
  4. Move the mouse from the row to the opened menu.
Expected behavior:

The clicked room/channel row should remain highlighted while its options menu is open, and only return to normal after the menu closes (option selected or click outside).

Actual behavior:

The row loses highlight when moving cursor into the opened options menu, making it unclear which row the menu belongs to.

Server Setup Information:
  • Version of Rocket.Chat Server:
  • License Type:
  • Number of Users:
  • Operating System:
  • Deployment Method:
  • Number of Running Instances:
  • DB Replicaset Oplog:
  • NodeJS Version:
  • MongoDB Version:
Client Setup Information
  • Desktop App or Browser Version: Chrome latest
  • Operating System: Ubuntu
Additional context

Video demo (issue):

https://github.com/user-attachments/assets/f5a3655b-cb61-48de-a035-d35c25312fe1

Relevant logs:

No relevant server/client errors were observed for this UI behavior.

Contributor guide

Open the contributing guide

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

Start by reproducing the behavior at /home with a sidebar room or channel row and its three-dot options menu. Trace the row and menu interaction, then verify that the clicked row stays highlighted while the menu is open and returns to normal after the menu closes or the user clicks outside.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.