SOLVED: Megamenu BUG when toggle on Hover

Bugs
1

Browser: Safari (Last Version)
OS: macOS
URL: https://wsu.fanaloka.asia/
Video: https://drive.google.com/file/d/1YUIBuaXIC8IHfHAnXYQxXQLT04jzAglE/view?usp=sharing

When I create multiple megamenus side by side, like the video I attached. there is a BUG that occurs when I hover one menu to another (a short description is when I hover the first menu and I want to move the mouse to a position below the second menu which is still in the content of the first megamenu, this will open the second menu), this happens in the safari browser but in chrome it looks safe. for details VIDEO.

2

Hi @Fanaloka,

thank you for the video. @timmse and I were able to replicate the issue on your website and locally as well.

To solve the issue, can you add this to the Nav Menu element, inside Custom CSS, and let us know if this solves your problem? If yes, then I’ll go ahead and create an internal task for this and we will provide a fix.

image
image1156×898 38.3 KB

This is the code that you can copy-paste.

%root% .brx-has-megamenu:not(.open) .brx-megamenu {
  pointer-events: none;
}

Please let us know if this solves it.

Thank you,
Matej

3

Thank you, this is Work :smiley:

4

Hey @Fanaloka,

Thank you so much for confirming. :slight_smile: I’ve noted the issue in our internal bug tracker, and I’ve also mentioned the fix :slight_smile:

Once implemented, we will let you know.

Thank you,
Matej

1 Like
5

We’ve addressed this in Bricks 2.3.1, now available as a one-click update in your WordPress Dashboard.

Please read the changelog entry before updating, and let us know if you experience any issues.