Reveal gets hidden after reveal closed by modal when hovering a button

[ygascard]

Hi everybody,

I have a really strange issue. I'm having a reveal which is as follows (it's within a Vue component, so it's why of the syntax) : <section :class="'reveal program ' + sectionClass" id="sign-program-modal" data-reveal data-animation-in="slide-in-right" data-animation-out="slide-out-right">

In this reveal I have a button and when I hover it, mui classes are removed from the section.

When used normally it works well, you can open and close it via normal foundation behavior.

The weird thing happens when I close the reveal using JS and reopen it, it behaves normally except when I hover the button (no click), the section style goes to display: none and so the only thing remaining is the overlay.

Removing the animation on the section fixes the problem.