Mega Menu > Sub Menu > Disappear on Mouse Movement

[jcrowe]

We recently deployed (12.18.19) a SharePoint Communications Modern Site using the OOB Mega Menu. We are getting reports that on smaller desktop/laptop screens the Mega Menu will partially collapse and be represented by ellipse when space is not available. Expected behavior once a screen width is below 1024px in width (img 1).

(img 1)

The issue occurs when a user mouse clicks on the ellipse > the sub menu appears (img 2)

(img 2) red circle indicates a mouse click > sub menu appears

Next, when the user attempts to move the mouse into the sub menu area the sub menu disappears. I have been able to duplicate this behavior in Chrome, Edge and FireFox.

Occasionally, the user can get their mouse on the sub menu however, it usually takes 4-5 attempts to "catch" the sub menu and moving in particular motion/path does not seem consistent. (img 3)

(img 3) red depicts ellipse mouse click > blue depicts the mouse motion/path

Again to get to the sub menu ("Pay & Timekeeping") is near impossible. If the user can get to the sub menu the next level is available ("Pay or Time Keeping")

Thanks for reading and please let me know if this is a know issue/fix.

Thanks,

JCrowe

[#2]

@jcrowe still impossible to use the hub site mega menu on Nov 17 2021 without it all disappearing when the mouse is moved almost anywhere. 

Honestly, as someone who has used Sharepoint since 2003, I'm not sure  why anyone wants to bother with it anymore. 

[#3]

It's Dec 2023 and this is still a problem.

[#4]

I had the exact same issue, and I think the problem is solved now. @Bruno_Ziegler has pointed out on another ticket the issue but I didn’t catch on without more explanation.
So, in settings > Change the look > Header : you need to change the “layout” from standard to another one.
“Compact” removed my issue!
Hope it helps!