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