SOLVED: Mega Menu Exit Animation

Browser: Chrome & Brave Latest
OS: macOS
URL: Link to a page that illustrates this issue
Video: Explainer Video)

The mega menu fades in nicely when you add a transition property. However, when your mouse leaves focus and/or the dropdown leaves view, it does so abruptly and doesn’t use the same transition to leave view as it does when it enters view.

Hi Alex,
Thanks so much for your report!

This is not a bug, but a suggestion for improvement. We use display: none to hide the dropdowns, which unfortunately cannot be “animated” when hiding because the element is then already no longer visible.

Nevertheless, I agree with you that it is much more convenient if the transition works in both directions. I have added it to the to-do list.

Best regards,
timmse

1 Like

Hi Alex,

We’ve fixed this issue in Bricks 1.8 beta 2, now available as a manual download in your account.

Please let us know if you are still experiencing issues.

As with any beta release, please do not use it on any production/live website. It is only meant for testing in a local/staging environment.

1 Like

Love the mega menu. You guys nailed it

1 Like