I have a dropdown menu which keeps disappearing on hover, whenever the cursor is moved over the sub-menu items without hovering over the parent item for at least 1 second.

In other words, if the parent item is first hovered for 1s, the dropdown works perfectly, otherwise it disappears while running down the sub-menu items.

I found an earlier issue: #651464: Drop-down menus disappear with slow mouse movement but it does not address this problem. All of my menu padding and spacings are set in px.

Comments

ob3ron’s picture

ob3ron commented
Status: Active » Fixed

I found my problem. :p

I had a small gap between the parent item and the sub-menu. Now fixed.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

tammo’s picture

tammo commented

Please inform me how you did that: all of the time 2px are between my parent item and the sub menu... I cannot find this anywhere in the CSS...

Thanks in advance

Tammo

ob3ron’s picture

ob3ron commented

Hi Tammo, you would have to post your HTML and CSS to know what is causing that. It will be some combination of margins and positioning on the ul, li, and/or li.menuparent.

shablm’s picture

shablm commented
Issue summary: View changes

Had the same issue. Thanks to @arvana, taking out the gap between parent and children menu fixed the issue.