eschundpickel.de - "Browse" menu is not triggered

[webcompat-bot]

URL: https://eschundpickel.de/home

Browser / Version: Firefox Mobile 93.0 Operating System: Android 11 Tested Another Browser: Yes Chrome

Problem type: Site is not usable Description: Buttons or links not working Steps to Reproduce: Navigation button not working correctly

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20210927210923
• channel: release
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue. "Browse" menu is not triggered.

Note:

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

Tested with: Browser / Version: Firefox Nightly 95.0a1 (🦎95.0a1-20211012093200) Operating System: Google Pixel 5 (Android 11) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

Moving to Needsdiagnosis for further investigation.

[karlcow]

they seem to kill the click event here.

    /*
    *
    *  Mobile Menu Hamburger icon / button
    */
    $menu = $(".menu");
    $(".hamburger").bind("tap", function(e) {
        e.preventDefault();
        $(this).toggleClass("x"); // cross out;
        $menu.toggleClass("shown", function() {
            if ($menu.hasClass("shown")) {
                $("body").addClass("noscroll"); // prevent scroll android
                /**/$(document).on("touchmove click doubletap", function(e) { // prevent scroll iOS, 
                    e.preventDefault();
                });//*/
            } else {
                $("body").removeClass("noscroll");
                $(document).off("touchmove click"); // kills entire event for touchmove. not so elegant if document elsewhere listens to touchmove :/
            }
        })
    })

but there seems to be something related to a kind of race issue, because if I trigger a resize event. this is working.

[webcompat-bot]

Generate outreach template