Admin Menu DropDown doesn't work on Mobile (Chrome Browser)

[somatonic]

Not sure why there's no issue yet, cause it's not working since v 2.4 or 2.5.

I can "touch" the collapsed top menu, and it drops down but then collapse right away.

[ryancramerdesign]

I'm assuming we're talking about the default admin theme since you mentioned "top menu"? If that's the case, I'm not seeing that issue here, nor have I seen it before. What platform are you using Chrome on? Also are you running the Chrome Beta or Chrome Dev possibly? I'm testing using my phone running the latest Chrome (stable) in Android Marshmallow.

[gingebaker]

I am also having this Problem here on my mobile Device (Android with Chrome) and AdminThemeDefault. However, If I click the TopNav-Button a few times, than the Dropdown will sometimes stay open.

I did take a look at main.js (with debug mode on) wich has the Events for the .collapse-topnav-menu
wire/modules/AdminTheme/AdminThemeDefault/scripts/main.js

Perhaps the problem is that on mobile Devices the Hover Event happens just before the click. So if there is still the .hover class present (wich will be checked in the first if statement in this function) the Dropdown closes right away.

If I test with:

$topnav.children('.collapse-topnav-menu').children('a').click(function() {
    if($(this).is(".hover")) {
        // already open? close it.
        alert("is closing again"); // TEST-ALERT
        $(this).mouseleave();
    } else {
        // open it again
        $(this).mouseenter();
    }
    return false;
}); 

It shows me the Alert-Dialog directly after the click.

I tried it with a little change to detect if Its a tocuh device or not:
('ontouchstart' in window || 'onmsgesturechange' in window)

$topnav.children('.collapse-topnav-menu').children('a').click(function() {
    if($(this).is(".hover") && !('ontouchstart' in window  || 'onmsgesturechange' in window)) {
        // already open? close it.
        $(this).mouseleave();
    } else {
        // open it again
        $(this).mouseenter();
    }
    return false;
}); 

After that its not collapsing anymore. But it also does not Collapse if I click again. So this is just a test thats something not working here, at least on my phone...