search

mzohaibqc / svelte-toasts

A highly configurable notification/toast component with individual toast state management capabilities.
https://mzohaibqc.github.io/svelte-toasts/
MIT License
42 stars 6 forks source link

Transitions cause issues #4

Open ghostdevv opened 3 years ago

ghostdevv commented 3 years ago

Svelte transitions cause issues when using with Routify, this is because they aren't local. The easiest way to fix this would be adding the local directive onto transitions.

For example:

<div transition:fade|local />
mzohaibqc commented 3 years ago

@ghostdevv I am using animate:fly but not the transition. Is it true for animate as well?

ghostdevv commented 3 years ago

@mzohaibqc I will do some testing - I definitely saw this problem in action in my app, I will investigate and let you know

ghostdevv commented 3 years ago

@mzohaibqc I don't think animate effects it but I am not quite sure. You can definately put the local directive on some things, for example: https://github.com/mzohaibqc/svelte-toasts/blob/1aa7082aa42ba58c7723b52bfc64f8018e99fc69/src/ToastContainer.svelte#L103