diff --git a/.changeset/tidy-ducks-reset.md b/.changeset/tidy-ducks-reset.md new file mode 100644 index 0000000000..41a00cf649 --- /dev/null +++ b/.changeset/tidy-ducks-reset.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: handle deferred transitions aborted before initialization diff --git a/packages/svelte/src/internal/client/dom/elements/transitions.js b/packages/svelte/src/internal/client/dom/elements/transitions.js index 67b177841a..f6d36d86de 100644 --- a/packages/svelte/src/internal/client/dom/elements/transitions.js +++ b/packages/svelte/src/internal/client/dom/elements/transitions.js @@ -359,9 +359,9 @@ function animate(element, options, counterpart, t2, on_begin, on_finish) { aborted = true; a?.abort(); }, - deactivate: () => a.deactivate(), - reset: () => a.reset(), - t: () => a.t() + deactivate: () => a?.deactivate(), + reset: () => a?.reset(), + t: () => a?.t() ?? 1 - t2 }; } diff --git a/packages/svelte/tests/runtime-runes/samples/deferred-outro-restored/_config.js b/packages/svelte/tests/runtime-runes/samples/deferred-outro-restored/_config.js new file mode 100644 index 0000000000..367da37815 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/deferred-outro-restored/_config.js @@ -0,0 +1,13 @@ +import { flushSync } from 'svelte'; +import { test } from '../../test'; + +export default test({ + async test({ assert, target }) { + const [button] = target.querySelectorAll('button'); + + button.click(); + flushSync(); + + assert.htmlEqual(target.innerHTML, '
Deferred outro
'); + } +}); diff --git a/packages/svelte/tests/runtime-runes/samples/deferred-outro-restored/main.svelte b/packages/svelte/tests/runtime-runes/samples/deferred-outro-restored/main.svelte new file mode 100644 index 0000000000..396a8b2528 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/deferred-outro-restored/main.svelte @@ -0,0 +1,24 @@ + + + + +{#if visible} +Deferred outro
+{/if}