starred/hoppscotch

Fork 0

mirror of https://github.com/hoppscotch/hoppscotch.git synced 2026-04-26 09:16:03 +03:00

[GH-ISSUE #5815] [bug]: broken scroll on latest Google Chrome versions (>= 144.X.X.X) #2276

New issue

Closed

opened 2026-03-16 23:49:18 +03:00 by kerem · 3 comments

kerem commented

2026-03-16 23:49:18 +03:00

Owner

Originally created by @mayank-jain-1010 on GitHub (Jan 29, 2026).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/5815

Originally assigned to: @nivedin, @mayank-jain-1010 on GitHub.

Is there an existing issue for this?

I have searched existing issues and this bug hasn't been reported yet

Platform

Web App

Browser

Chrome

Operating System

macOS

Bug Description

What happened?

Scroll functionality is broken in Google Chrome Versions >= 144.X.X.X - Collection lists and Environment selector are not scrollable

Screen Recording

https://github.com/user-attachments/assets/bb3a84c9-25ae-4322-94c5-0f5756ad904e

Things to note in the video:

Upon hovering over the names of collections / environments and attempting to scroll, the scroll functionality is frozed
Upon playing around with the UI a little more, I found that if I hover over the (actual) scrollbar and then attempt to scroll, I am able to scroll successfully. But most users would not be aware of this minute detail, so to them scroll would appear to be broken.

Steps to reproduce:

Open the Hoppscotch Application in Chrome Version >= 144.X.X.X
Navigate to a workspace in Hoppscotch
Import enough collections / environments so that the respective menus become scrollable
Hover over the name of any collection / environment and try to scroll

Expected: List scrolls to show hidden items
Actual: Nothing happens, items remain unreachable

Root Cause

This only happens on Google Chrome Major version 144 due to an update pushed by the Google Chrome team
Ref: Google Chrome Release Notes (144.X.X.X)

Deployment Type

Hoppscotch Cloud

Version

2026.1.0

Originally created by @mayank-jain-1010 on GitHub (Jan 29, 2026). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/5815 Originally assigned to: @nivedin, @mayank-jain-1010 on GitHub. ### Is there an existing issue for this? - [x] I have searched existing issues and this bug hasn't been reported yet ### Platform Web App ### Browser Chrome ### Operating System macOS ### Bug Description ## What happened? Scroll functionality is broken in **Google Chrome Versions >= 144.X.X.X** - Collection lists and Environment selector are not scrollable ## Screen Recording https://github.com/user-attachments/assets/bb3a84c9-25ae-4322-94c5-0f5756ad904e **Things to note in the video:** - Upon hovering over the names of collections / environments and attempting to scroll, the scroll functionality is frozed - Upon playing around with the UI a little more, I found that if I hover over the (actual) scrollbar and then attempt to scroll, I am able to scroll successfully. But most users would not be aware of this minute detail, so to them scroll would appear to be broken. **Steps to reproduce:** - Open the Hoppscotch Application in `Chrome Version >= 144.X.X.X` - Navigate to a workspace in Hoppscotch - Import enough collections / environments so that the respective menus become scrollable - Hover over the name of any collection / environment and try to scroll **Expected:** List scrolls to show hidden items **Actual:** Nothing happens, items remain unreachable ## Root Cause This only happens on Google Chrome Major version 144 due to an update pushed by the Google Chrome team **Ref: [Google Chrome Release Notes (144.X.X.X)](https://developer.chrome.com/release-notes/144)** <img width="1504" height="497" alt="Image" src="https://github.com/user-attachments/assets/421667e4-8946-4a2d-9cbe-a8444143ee07" /> ### Deployment Type Hoppscotch Cloud ### Version 2026.1.0

kerem

2026-03-16 23:49:18 +03:00

closed this issue
added the
bug
label

kerem commented

2026-03-16 23:49:34 +03:00

Author

Owner

@jamesgeorge007 commented on GitHub (Feb 3, 2026):

Thanks for reporting and the quick fix, @mayank-jain-1010 🙌
This is scheduled for the upcoming patch release.

@jamesgeorge007 commented on GitHub (Feb 3, 2026): Thanks for reporting and the quick fix, @mayank-jain-1010 🙌 This is scheduled for the upcoming patch release.

kerem commented

2026-03-16 23:49:40 +03:00

Author

Owner

@masan27 commented on GitHub (Feb 5, 2026):

hi @jamesgeorge007
im try adding this script on inspect console

const applyFix = () => {
    if (window.__wheelFixHandler) {
        document.removeEventListener('wheel', window.__wheelFixHandler, true);
    }

    const getScrollContainers = () => {
        return [
            document.querySelector('.flex-1.p-6.overflow-y-auto.h-full'),
            document.querySelector('.w-80.border-r.overflow-y-auto'),
            document.querySelector('.contents.h-full.w-full.flex-1.overflow-y-auto'),
            ...document.querySelectorAll('.splitpanes__pane.flex.flex-col')
        ].filter(Boolean);
    };

    window.__wheelFixHandler = function(e) {
        let target = e.target;
        const containers = getScrollContainers();

        while (target && target !== document.body) {
            for (const container of containers) {
                if (target === container || container.contains(target)) {
                    if (container.scrollHeight > container.clientHeight) {
                        e.preventDefault();
                        e.stopPropagation();
                        container.scrollTop += e.deltaY;
                        return;
                    }
                }
            }
            target = target.parentElement;
        }
    };

    document.addEventListener('wheel', window.__wheelFixHandler, { capture: true, passive: false });
    console.log('✅ Hoppscotch scroll fix applied!');
};

applyFix();

hopely is helping for fixing the bug scroll

@masan27 commented on GitHub (Feb 5, 2026): hi @jamesgeorge007 im try adding this script on inspect console ``` const applyFix = () => { if (window.__wheelFixHandler) { document.removeEventListener('wheel', window.__wheelFixHandler, true); } const getScrollContainers = () => { return [ document.querySelector('.flex-1.p-6.overflow-y-auto.h-full'), document.querySelector('.w-80.border-r.overflow-y-auto'), document.querySelector('.contents.h-full.w-full.flex-1.overflow-y-auto'), ...document.querySelectorAll('.splitpanes__pane.flex.flex-col') ].filter(Boolean); }; window.__wheelFixHandler = function(e) { let target = e.target; const containers = getScrollContainers(); while (target && target !== document.body) { for (const container of containers) { if (target === container || container.contains(target)) { if (container.scrollHeight > container.clientHeight) { e.preventDefault(); e.stopPropagation(); container.scrollTop += e.deltaY; return; } } } target = target.parentElement; } }; document.addEventListener('wheel', window.__wheelFixHandler, { capture: true, passive: false }); console.log('✅ Hoppscotch scroll fix applied!'); }; applyFix(); ``` hopely is helping for fixing the bug scroll

kerem commented

2026-03-16 23:49:45 +03:00

Author

Owner

@jamesgeorge007 commented on GitHub (Feb 5, 2026):

Thanks for the suggestion! The fix is now included in v2026.1.1, which is live, closing.

@jamesgeorge007 commented on GitHub (Feb 5, 2026): Thanks for the suggestion! The fix is now included in [v2026.1.1](https://github.com/hoppscotch/hoppscotch/releases/tag/2026.1.1), which is live, closing.