Fix Transition events
In Svelte the component updates/unmount happen in a different order than in React. The `mounted` guard doesn't work in Svelte and needs a different approach.
This commit is contained in:
@@ -10,11 +10,23 @@
|
||||
</script>
|
||||
|
||||
{#if !hasTransition && hasOpen}
|
||||
<TransitionRoot {...$$props}>
|
||||
<TransitionRoot
|
||||
{...$$props}
|
||||
on:afterEnter
|
||||
on:afterLeave
|
||||
on:beforeEnter
|
||||
on:beforeLeave
|
||||
>
|
||||
<slot />
|
||||
</TransitionRoot>
|
||||
{:else}
|
||||
<TransitionChild {...$$props}>
|
||||
<TransitionChild
|
||||
{...$$props}
|
||||
on:afterEnter
|
||||
on:afterLeave
|
||||
on:beforeEnter
|
||||
on:beforeLeave
|
||||
>
|
||||
<slot />
|
||||
</TransitionChild>
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user