RocketChat / RocketChat/Rocket.Chat
Sidebar room row loses highlight when options menu is open
Nobody has claimed this yet.
- 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:
- Open
/home. - Hover any sidebar room/channel row so the options (three-dot) button appears.
- Click the options button to open the menu.
- 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
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 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