RocketChat / RocketChat/Rocket.Chat

Sidebar collapses on clicking the kebab menu, for currently non-opened channel

Open
#25,172 0 comments 2 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:

On small size screen devices clicking on the kebab menu icon for channels other than the one which is opened collapses the sidebar, and the options float on the chat screen.

Steps to reproduce:
  1. Resize the browser window to be less than 766 px width.
  2. Now, the sidebar is collapsed by default.
  3. Open any channel; let's call it the "present channel".
  4. Open the sidebar by clicking on the hamburger icon in the top left corner.
  5. Now click the kebab icon (the one with three dots) to open up the "present channel" options "Hide, Mark Unread,..."
  6. Notice that the sidebar remains open.
  7. Now, click the kebab menu icon for any other channel; the sidebar is collapsed.
Expected behavior:

The sidebar remains open.

Actual behavior:
gif showing the issue behavior The sidebar is collapsed, and the options float over the chat window.
Server Setup Information:
  • Version of Rocket.Chat Server: 4.6
  • Operating System: Windows
  • Deployment Method: Open Server
Relevant logs:

Nothing logged on console.

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

Reproduce the issue on a window narrower than 766 px using the listed steps, then trace the frontend sidebar and channel kebab-menu behavior. Verify the behavior for both the open channel and another channel. Done means the sidebar remains open when opening options for any channel, with the options staying in the sidebar rather than floating over the chat.

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
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.