Dropdown exit Animation

[DLX23]

i have animation on hover, that works pretty good:
.menu-item.dropdown:hover>.dropdown-menu{ display:block !important; } .dropdown-menu { animation: flipInX 1s ease-in-out both; }

Steps to reproduce the issue:

hover over dropdown nav

What I expected:

i want exit animation when dropdown disappear. So animation is on both hover and on hoverout

What happened instead:

it hides instantly

[leecollings-sb]

Generally, showing a dropdown on hover is an awful ideal (particularly when living in the world of 'mobile first').

But also, I tried applying this myself, and no animation shows for me. Just thought I'd mention.