Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
wasitum opened this issue Jul 17, 2021 · 0 comments
Open

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

wasitum opened this issue Jul 17, 2021 · 0 comments

Comments

@wasitum
Copy link

wasitum commented Jul 17, 2021

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant