View Full Version : All Levels Menu Touchscreen Problem

02-14-2017, 01:48 AM
I'm trying out the latest version of the DD All Levels Menu and noticed an issue with touchscreen laptops. The menu system just doesn't work. This bug can be emulated on Chrome or IE 11 or Edge using the built in emulator for tablets/phones.

In Chrome, when i click on a menu item to open it up, it just shows the white box without the contents. When i inspect the element, I notice that the visibility changes to hidden on the <ul> submenu item when i click on it.

In IE11/Edge, the menu item will popup and then immediately close (I'm assuming because the :hover event went away because it's not a mouse). Note: it's tough to test the IE problem in the IE emulator because it doesn't correctly handle touch events. It's still treats it kinda like a mouse.

My top level menu items look like the following:

<li><a href="javascript:void(0);" rel="ddsubmenu1">Menu Item 1</a></li>

Alternatively, I've tried the following with no success either:

<li><a href="#" rel="ddsubmenu1">Menu Item 1</a></li>

I'm also seeing the following error in the console when clicking on these top level entries in all browsers. Not sure if it's related or not:

Uncaught TypeError: Cannot set property 'visibility' of undefined
at Object.hidemenu (ddlevelsmenu.js:294)
at HTMLAnchorElement.<anonymous> (ddlevelsmenu.js:143)

02-14-2017, 02:35 AM
Works fine here:


There's been a long standing issue with several of the DD menus that, if elements with no sub-menus are given the same class or other attribute(s) as those that have them (often done erroneously for appearance sake, or just in error), unexpected results occur. This may or may not be what's (or part of what's) happening here.

If you want more help, please post a link to the page on your site that shows the problematic code.