vue-my-toasts
vue-my-toasts copied to clipboard
[Vue 2] Container disappearing, animations not firing
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

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.

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.

Any idea on how to fix this ? Many thanks