Improvement suggestion for mega menu hover bug in Firefox

Hello Kriesi Support,

I have recently come across a bug in Firefox (only in Firefox) when using the mega menu. When I pointed my mouse onto a main menu entry, then waited for the submenu to open & then hovered across the next main menu entry and then down to reach one of the submenu entries, the focus in the main menu bar started to jump between the two main menu entries, sometimes also opening and closing the submenus of both entries.

After a bit of research, I added this line to megaDivHide:
item.find(‘*’).each(function() {$(this).css(‘display’, ‘none’)});

The submenu entries seemed to stay available for mouse events although they were visually hidden through the overflow: hidden setting on their parent main menu entry.
All submenu entries get assigned display: none then and by this, aren’t available for any mouse events. Even in Firefox ;)

I thought I’d share my findings since they could be valuable input for you.

All the best
Stephanie Jagl-Posch
gugler* brand & digital