From c9019c7a1bc99a8fae3e17bb5b09cc5047f9f618 Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Thu, 5 Feb 2026 21:50:32 -0500 Subject: [PATCH] fix: exit resolved async blocks on correct node when hydrating --- .changeset/tiny-owls-pay.md | 5 +++++ .../svelte/src/internal/client/dom/blocks/async.js | 5 +++++ .../samples/async-if-hydration/_config.js | 11 +++++++++++ .../samples/async-if-hydration/main.svelte | 13 +++++++++++++ 4 files changed, 34 insertions(+) create mode 100644 .changeset/tiny-owls-pay.md create mode 100644 packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js create mode 100644 packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte diff --git a/.changeset/tiny-owls-pay.md b/.changeset/tiny-owls-pay.md new file mode 100644 index 0000000000..ac25500258 --- /dev/null +++ b/.changeset/tiny-owls-pay.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: exit resolved async blocks on correct node when hydrating diff --git a/packages/svelte/src/internal/client/dom/blocks/async.js b/packages/svelte/src/internal/client/dom/blocks/async.js index 0e3ab33dda..03189a90e8 100644 --- a/packages/svelte/src/internal/client/dom/blocks/async.js +++ b/packages/svelte/src/internal/client/dom/blocks/async.js @@ -27,6 +27,11 @@ export function async(node, blockers = [], expressions = [], fn) { if (expressions.length === 0 && blockers.every((b) => b.settled)) { fn(node); + + if (was_hydrating) { + hydrate_next(); + } + return; } diff --git a/packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js new file mode 100644 index 0000000000..3888c8cf7f --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js @@ -0,0 +1,11 @@ +import { tick } from 'svelte'; +import { test } from '../../test'; + +export default test({ + mode: ['hydrate'], + + async test({ assert, target }) { + await tick(); + assert.htmlEqual(target.innerHTML, `

hello

`); + } +}); diff --git a/packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte new file mode 100644 index 0000000000..8a057698fd --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte @@ -0,0 +1,13 @@ + + +{#if a} +
+ {#if b} +

hello

+ {/if} +
+{/if}