RocketChat / RocketChat/Rocket.Chat

Channel scroll is bouncing weirdly

Open
#35,894 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

Description:

The channels scroll is acting weird and bouncing when scrolling near then end.

Steps to reproduce:
  1. Connect to a workspace
  2. Have enough channels to scroll
  3. Scroll near the end
Expected behavior:

Not to bounce

Actual behavior:

https://github.com/user-attachments/assets/ca97c744-1653-46e2-8f5b-9da81ac20d48

The scroll bar is bouncing.

Client Setup Information
  • Desktop App
  • Operating System: MacOS 15.1.1
  • Rocket.Chat Version: 4.3.3
Additional context

The issue seems to be caused my these two margins, since removing them solves it.

Image

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 channel scroll behavior in the Desktop App on macOS by connecting to a workspace with enough channels and scrolling near the end. Inspect the channel scroll area and the two margins shown in the issue; done means the scrollbar no longer bounces near the end.

Written by the indexing model from the issue text.

Assessment

Tech stack
macos, typescript
Domain
desktop, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.