I’m seeking some help/guidance on an buggy issue that’s emerged with hovering over dropdown menu items in my site’s primary nav bar.
The Site: soulplay.co/festival
Test Site: soulplayco.webflow.io/festival
Webflow Preview: https://preview.webflow.com/preview/soulplayco?preview=e6c7ccd67c0b8f0902a84ab19c579e7b
Browser Info: On Desktop, full browser orientation, Exhibited behavior persistent on Google Chrome, intermittently on Safari. Hard refreshes of the site yields mixed results.
Explanation: After trying to adjust the fixed position of the dropdown menu, so that it opened precisely aligned underneath the nav bar (as opposed to directly underneath the dropdown menu title) the native interaction behavior of the hover changed for the worse.
Note: Dropdown menus settings are set to ‘open on hover’ with the Default 0 ms delay on close, and making this adjustment of 23 pixels resulted in the quirky behavior of the menu.
Observed Aberrant Behavior: The Menu will close before the user can actually move their cursor down to the first link, effectively taunting the user with an ever-disappearing menu. Even after resetting everything back to the way it was, with the fixed position pixel adjustment back to the default, the menu continues to close faster than a user can move down to keep it engaged.
There are lots of quirks I’ve observed around the “Open Menu” action in the settings menu, and how it results in the css class state of “Open”, which toggles the dropdown menu element display setting from hidden to Block (or whatever), and in order to style the menu (bg color, position, etc), but when you close menu the “open” class will persist and things get screwy in that state. I’m not sure it’s related to the above situation, but in digging into this problem, lots of things seem to come up.
Anyhow, I hope this has a simple and known solution. I’d like the menus to function as before, and ideally I’d like to be able to down shift their position so that the line up directly below the nav bar. Open and appreciative to any and all suggestions and feedback.