search

AlexxNB / tinro

Highly declarative, tiny, dependency free router for Svelte's web applications.
MIT License
669 stars 30 forks source link

transiton out problem #80

Open freeseamew opened 2 years ago

freeseamew commented 2 years ago

There is one inquiry to use the transiton effect.

If you give both in and out effects as follows,

Even if delay is set on in, both components appear and disappear during out effect.

How can I solve this problem?

{#key $router.path}
    <div in:fly="{{ x:300, duration: 400, delay:500}}" out:fade="{{ duration: 500}}" >
        <slot></slot>
    </div>
{/key}
andreyluiz commented 2 years ago

I have the same exact issue.

rottmann commented 2 years ago

Same here (saw this too lage) https://github.com/AlexxNB/tinro/issues/102

Added in my issue a small piece of code that prevent the view problem, but not the double instance problem.