tessalt
Chrome - Submenu flashing when cursor over menu at load time
In Windows 7 with the full-length menu displayed (i.e. unadjusted by breakpoints) in Chrome (Version 46.0.2490.71 m) or Firefox 41.0.1, hover the cursor above a menu item (preferably the first) containing submenus and reload the page (F5).
After the page loads, remove the cursor from the menu. The menu's submenu will be displayed and will be stuck "on." Hover over the stuck submenu and it will begin to flash. Submenu items cannot be activated and the submenu will not behave properly until the page is reloaded.
Since the menu resizes during load, this works best if the menu item being tested is the first item of the menu, otherwise the behavior can shift to the next menu to the right of the hovered menu if that menu has submenus.
Issue does not occur in IE 11.
The problem has been bugging me for a while and I recently noticed that when a menu item is clicked that is in the top level and before the page finished loading, the mouse is moved over a menu with sub menus, the hovered block toggles the wrong way and remain visible even if another sub menu is being hoevered. I think this may be related to the above problem.
I have tested replacing lines 51-54 in dropdowns.js with the following
$(".nav li").unbind('mouseenter').bind('mouseenter', function() { // must be attached to li so that mouseleave is not triggered when hover over submenu $(this).addClass('hover'); }); $(".nav li").unbind('mouseleave').bind('mouseleave', function() { // must be attached to li so that mouseleave is not triggered when hover over submenu $(this).removeClass('hover'); });
Which currently seems to solve the issue. Hope that makes sense.
