Page 1 of 1

CSS dropdown menu oscillates when hover moves from second main menu to first

Posted: Tue Jul 25, 2023 12:34 am
by pilotjono
This menu works fine except that when hovering over the second main menu item (AI Options) and then moving the cursor over the first main menu item (Just Google) the submenu oscillates. This does not occur if the cursor is moved from the second main menu item up or down out of this item's field and then to the first item's offering. Here is a link to a stripped-down section of the page that illustrates the problem: https://www.whippetfield.com/menuonly.html I've also noticed that when moving between main menu items horizontally, the submenu offerings from the menu you are leaving are always briefly shown at the far left of the menu bar. I've tried adjusting many of the property settings, but can't find a solution.

Thanks for any help. I can also be reached at pilotjono@gmail.com

Re: CSS dropdown menu oscillates when hover moves from second main menu to first

Posted: Tue Jul 25, 2023 2:25 am
by crispy68
Based on the CSS code I see where you have a transition set up for 500ms for the submenu. Removing this stops it in your demo.

However, when I try to create it myself using a fade i can't get it to do what yours is doing. Can you share the demo project you made?

Are you using the latest version of wb18? if not, please update and try again first.

Re: CSS dropdown menu oscillates when hover moves from second main menu to first

Posted: Tue Jul 25, 2023 3:20 pm
by pilotjono
I found the trick. The default time for Transition - Sub Menu was set to 500. Resetting it to zero fixed the issue. :D