Skip to content

[Vue 2] Container disappearing, animations not firingΒ #22

@wasitum

Description

@wasitum

Hi,

I'm currently using v1.1.1 in order to use it with VueJS 2.
The plugin seems to be working, as I can see it in the Vue inspector, moreover I can fire new notifications with this.$toasts

Screenshot 2021-07-17 at 12 44 02

However, the #vue-my-toasts-root div created by it does not remain in the DOM, it appears whenever there are notifications to show, and completely disappears after they are all cleared.

Screenshot 2021-07-17 at 12 45 18

The problem is that with this behavior, the fade animation is not firing, it just appears at the same time as the main container and disappears without transition.

If the container is still there though, animations run fine (for example if I already have a notification displayed, and I trigger a new one before this one disappears, in that case the new one gets the fade animation). But if I run a notification when the queue is empty, no animations on this one.

Here's how I initialised the plugin in the main.js file.

Screenshot 2021-07-17 at 12 48 27

Any idea on how to fix this ? Many thanks

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