www.sweethometreviso.com - Unable to scroll down the page

[webcompat-bot]

URL: https://www.sweethometreviso.com/servizi/

Browser / Version: Firefox 99.0
Operating System: Windows 10
Tested Another Browser: Yes Edge

Problem type: Something else
Description: Scroll-linked effect totally broken
Steps to Reproduce:
I browser the website to URL https://www.sweethometreviso.com, in italian.
I clicked on "Servizi e Tariffe". In Firefox scrolling with mouse wheel is impossible, page move erratically. Moving the scrollbar indicator with the mouse works.

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note:

1. The issue is reproducible on Firefox regardless of the ETP status.
2. The issue is not reproducible on Chrome.
   

Tested with:
Browser / Version: Firefox Nightly 101.0a1 (2022-04-19), Firefox Release 99.0.1
Operating System: Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

[qa_16/2022]

[ksy36]

There is wheel event listener added in Firefox, but not in Chrome:

        var neededBrowser = browserName.indexOf(currentBrowser) !== -1;

        if (neededBrowser) {
            ssc_addEvent("mousedown", ssc_mousedown);
            if (currentBrowser === 'firefox' || currentBrowser === "msie" || currentBrowser === "netscape") {
                ssc_addEvent("wheel", ssc_wheel);
            } else {
                if (currentBrowser === 'chrome' && parseInt(versionBrowser) >= 61) {
                    // Use scrollingElement for smooth scrolling using keyboard
                    currentScrollingElement  = document.scrollingElement;
                    // Here is used native chrome smooth scrolling for wheel.
                } else {
                    ssc_addEvent("mousewheel", ssc_wheel);
                }
            }
            ssc_addEvent("load", ssc_init);
        }


function ssc_wheel(e) {
        if (!ssc_initdone) {
            ssc_init();
        }
        var t = e.target;
        var n = ssc_overflowingAncestor(t);
        if (!n || e.defaultPrevented || ssc_isNodeName(ssc_activeElement, "embed") || ssc_isNodeName(t, "embed") && /\.pdf/i.test(t.src)) {
            return true;
        }
        var r = e.wheelDeltaX || e.deltaX || 0;
        var i = e.wheelDeltaY || e.deltaY || 0;
        if (n.nodeName === 'BODY' && (currentBrowser === 'firefox' || currentBrowser === "msie" || currentBrowser === "netscape")) {
            n = document.documentElement;
            r = -r;
            i = -i;
            if (currentBrowser === 'firefox') {
                r *= 40;
                i *= 40;
            }
        }

        if (!r && !i) {
            i = e.wheelDelta || 0;
        }
        if (Math.abs(r) > 1.2) {
            r *= that.options.stepsize / 120;
        }
        if (Math.abs(i) > 1.2) {
            i *= that.options.stepsize / 120;
        }
        ssc_scrollArray(n, -r, -i);
    }

If I change the UA to Chrome, scrolling with the mouse wheel works. So it looks like the separate event handler in Firefox is not needed. Let's try to contact the site to see if they can change the script so behaviour in Firefox is similar to Chrome

[webcompat-bot]

Generate outreach template