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