IE9 problem - ghost clickable links stay when menu is closed

[codrops]

IE9 problem - ghost clickable links stay when menu is closed

[lightningrod]

BTW - to see the hit zones, just hover your mouse below the minimised menu icon - in the area where the menu normally pops up. In IE, the pointer icon will change to the finger, and the destination URL will appear in your browser's status bar.

[nebrot]

The problem seems to be the CSS-property "pointer-events", it works only in IE11+, not in IE 6-10:
http://caniuse.com/#feat=pointer-events

To fix that problem i add

.dl-menuwrapper .dl-menu {
  display: none;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
  display: block;
}

but this breaks some animations..

[rudzboy]

+1 Just noticed the same problem on IE9

However thanks for the tip.

When you say animations are broken, do you mean on all browsers when adding those rules ?

[nebrot]

When you say animations are broken, do you mean on all browsers when adding those rules ?

We don't use this lib anymore, prefering now http://slicknav.com/ . But i think yes, with the fix above, animations on all browsers are broken. You could try to add that css only for IE < 11.

[rudzboy]

To avoid taking the risk, I managed so those rules are applied only to IE9 and below using browser detection.
Thanks for the tip, I use slick carousel so I think slick nav might be great too ^^