Skip to content

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

@ygascard

Description

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions