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.
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.