Mobile menu double click bug

[salilou]

Hi
as described here …

Navigation Layered need to doubleclick on a link to open mobile device

I added customised js to make the submenu remain open when we are in a subpage. I had this annoying problem that from mobile, if I want to go to another page in the menu, I always have to click twice to open the page, or go back to the menu. How can I solve this? Here the link http://54.93.246.95.nip.io

… there still is the problem, that it is necessary to double click on mobile menu items, instead if single click.

Seems to be only on apple devices.
I See this issue since 2021.
When will there be a solution finally?
Thank you
Hannes

[marc_a]

Hey Hannes,

As my colleague response from the other thread, our developers are already aware of the said issue but we can’t give you any ETA. Please stay tuned.

Thank you.

[salilou]

I remember there has been a workaround here in the forum, with an alternative mobile menu element structure, that seemed to work. Can you find this again maybe?
Thank you!
Hannes

[christian]

Hey @salilou,

Though we’ll provide a potential solution or workaround, please note that we do not guarantee this will work nor we’ll we provide further enhancements.

Try adding the following code in the Global CSS.

.ps__rail-y {
 display: none !important;
}

Also add this in the Global JS.

// Setup and fix menu buttons inside an off canvas
document.addEventListener("load", function() {
  // Get menu items
  var items = document.querySelectorAll(".x-anchor-menu-item");
  for (var i = 0; i < items.length; ++i) {
    var item = items[i];

    //console.log(item); //Make sure we're only adding it where needed

    // Touch event I don't think this issue happens
    item.addEventListener("touchstart", function(e) {
      if (!item.href) {
        return;
      }

      location.href = item.href;
    }, true);
  };
});

[salilou]

Thank you very much, bit this did not work.
Please see the affected site in secure note.

[christian]

Hey @salilou,

Thanks for testing. We’ll test your site.

Please stay tuned.

[charlie]

Hello,

I actually don’t see the CSS or JS hack provided by @christian on this site. You might also have to clear a cache if you have placed this on the site, but it is not showing up as well. If those did not work could you leave them on a staging or live site so that I could test?

We are also looking to provide a fix for every site within a 6.3 point release so hopefully this long standing issue can be a thing of the past. Have a great day!