[BUG]: Scrolling jitter and extreme scroll behavior using mouse wheel/trackpad #132

New Issue

2026-04-02T21:08:56Z

sakshamjain commented

2026-04-02 21:08:56 +00:00

Description

While using the Flotilla web app, I noticed a major issue with scrolling behavior.

When scrolling via mouse wheel or trackpad, the UI starts jittering and often jumps to extreme positions. This makes normal scrolling almost unusable. However, when I manually drag the scrollbar from the right side, scrolling works as expected.

This issue is consistently reproducible and significantly impacts usability.

Steps to Reproduce

Open the Flotilla web app
Try scrolling using mouse wheel or trackpad
Observe jittery behavior and sudden extreme scroll jumps
Try dragging the scrollbar manually → works fine

Expected Behavior

Smooth and controlled scrolling using mouse wheel/trackpad, similar to standard web apps.

Actual Behavior

UI jitters while scrolling
Sudden jumps to extreme scroll positions
Normal scrolling becomes unreliable
Once scrolling is done using the trackpad or the mouse wheel (Both tested), the scrolling gets stuck in many cases or keeps jittering. The only option is to refresh the tab.

Environment

Browser: Chrome
Device: Laptop (core i5 11th Gen, 16 GB RAM, RTX 3050ti)
Also reproducible in Chrome DevTools responsive mode

Additional Context

My laptop is almost always freezing when I try to switch into devtools with responsive viewports and scroll
The issue does not occur when dragging the scrollbar manually

Attachments (Screen Recording)

### Description While using the Flotilla web app, I noticed a major issue with scrolling behavior. When scrolling via mouse wheel or trackpad, the UI starts jittering and often jumps to extreme positions. This makes normal scrolling almost unusable. However, when I manually drag the scrollbar from the right side, scrolling works as expected. This issue is consistently reproducible and significantly impacts usability. ### Steps to Reproduce Open the Flotilla web app Try scrolling using mouse wheel or trackpad Observe jittery behavior and sudden extreme scroll jumps Try dragging the scrollbar manually → works fine ### Expected Behavior Smooth and controlled scrolling using mouse wheel/trackpad, similar to standard web apps. ### Actual Behavior UI jitters while scrolling Sudden jumps to extreme scroll positions Normal scrolling becomes unreliable Once scrolling is done using the trackpad or the mouse wheel (Both tested), the scrolling gets stuck in many cases or keeps jittering. The only option is to refresh the tab. ### Environment Browser: Chrome Device: Laptop (core i5 11th Gen, 16 GB RAM, RTX 3050ti) Also reproducible in Chrome DevTools responsive mode ### Additional Context My laptop is almost always freezing when I try to switch into devtools with responsive viewports and scroll The issue does not occur when dragging the scrollbar manually Attachments (Screen Recording) <video src="attachments/c9ea9915-22af-467f-88d4-9b8b15ce0d49" title="2026-04-03 02-29-57.mp4" controls></video>

2026-04-03 02-29-57.mp4

9.7 MiB

hodlbod commented

2026-04-02 21:16:19 +00:00

Very strange, I am able to replicate this. We do lots of scroll handling stuff in the chat view, so that's likely the culprit here.

hodlbod added the dev priority labels 2026-04-02 21:16:26 +00:00

hodlbod added this to the Current milestone 2026-04-02 21:16:28 +00:00

nandinisaagar commented

2026-04-03 14:40:37 +00:00

Hey @hodlbod can I work on this issue ?

hodlbod commented

2026-04-03 18:12:07 +00:00

Have at it, I just assigned it to you.

nandinisaagar was assigned by hodlbod

2026-04-03 18:12:12 +00:00

sakshamjain commented

2026-04-08 17:39:30 +00:00

Have at it, I just assigned it to you.

Adding onto this, I encountered a similar issue with spring-like behaviour on mobile devices. Putting it here so proper testing and fixes can be performed.

> Have at it, I just assigned it to you. Adding onto this, I encountered a similar issue with spring-like behaviour on mobile devices. Putting it here so proper testing and fixes can be performed.

scroll_bug_mobile.mp4

21 MiB

Khushvendra commented

2026-04-15 19:00:13 +00:00

@hodlbod I’ve been facing this issue for a while and looked into the codebase. It seems the chat feed loader keeps updating the scroll container while you’re scrolling. In reversed chat layouts, this causes visible jumps or jitter.

The reason it feels worse with a mouse wheel or trackpad is likely because they generate continuous scrolling input. While this is happening, new messages are being loaded, so the layout keeps changing mid-scroll. In contrast, dragging the scrollbar is more direct and doesn’t trigger as many repeated updates, so it feels smoother.

@hodlbod I’ve been facing this issue for a while and looked into the codebase. It seems the chat feed loader keeps updating the scroll container while you’re scrolling. In reversed chat layouts, this causes visible jumps or jitter. The reason it feels worse with a mouse wheel or trackpad is likely because they generate continuous scrolling input. While this is happening, new messages are being loaded, so the layout keeps changing mid-scroll. In contrast, dragging the scrollbar is more direct and doesn’t trigger as many repeated updates, so it feels smoother.

hodlbod commented

2026-04-15 21:22:24 +00:00

I see, maybe the fix would just be to detect scroll and not do any scroll control if active.