RocketChat / RocketChat/Rocket.Chat

Sidebar glitch when scrolling to the bottom of the channels/users list

Open
#30,454 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

rocketchat glitch.webm

Description:

Most of the time, when the left sidebar overflows the vertical space, when I scroll down, it doesn't let me scroll all the way down. Instead, it glitches and jumps up after one frame, leaving half of the bottom item visible.

I've seen this issue consistently for months, across upgrades, and with both the small and medium density list settings.

Steps to reproduce:
  1. make the sidebar contents overflow the vertical space so that you can scroll
  2. attempt to scroll to the bottom
Server Setup Information:

?

Client Setup Information
  • Desktop App or Browser Version: 6.3 (PWA and browser)
  • Operating System: Ubuntu
Additional context

The error is intermittent and typically goes away after a reload. I just reproduced it in the browser after a reload.

Relevant logs:

No client errors.

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 issue in the browser or PWA with the sidebar contents overflowing, then inspect the sidebar's scrolling entry point. Done means the channels/users list consistently scrolls to the bottom without jumping upward, including with small and medium density settings.

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
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.