Hidden menu itens are clickable

[ciaporte]

Menus uses opacity insted display for hide menus.
The problem is that menu keep clickable, even invisible.
The problem appears when you have a dialog box, if this dialog box has a link in the same position of the menu item, instead of clicking on my link, they click on the menu item.
Tested with Chrome lastest version (52.0.2743.82).
If I change opacity to display the problem is solved, however I lose fade effect.

Code: Select all

#layout-menu li ul{padding:0px; width:auto; height:auto; background-color:#F1F6F9; overflow:hidden; height:0px; opacity:0; font-family: 'ralewayregular';}

.openSubMenu{ height:auto !important; margin-top:0px !important; opacity:1 !important; overflow:visible !important;}

[mert.sincan]

Please try with;

Code: Select all

#layout-menu > li > ul {
     z-index: 1001;
}