diff --git a/.changeset/shy-parks-enjoy.md b/.changeset/shy-parks-enjoy.md new file mode 100644 index 0000000000..d57577e6f2 --- /dev/null +++ b/.changeset/shy-parks-enjoy.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: ensure "is standalone child" is correctly reset diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js index be919d380c..ad0c487fb4 100644 --- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js +++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js @@ -63,6 +63,7 @@ export function Fragment(node, context) { /** @type {ComponentClientTransformState} */ const state = { ...context.state, + is_standalone, init: [], snippets: [], consts: [], @@ -128,7 +129,7 @@ export function Fragment(node, context) { // no need to create a template, we can just use the existing block's anchor process_children(trimmed, () => b.id('$$anchor'), false, { ...context, - state: { ...state, is_standalone } + state }); } else { /** @type {(is_text: boolean) => Expression} */ diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/Image.svelte b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/Image.svelte new file mode 100644 index 0000000000..2696aeb8c2 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/Image.svelte @@ -0,0 +1,5 @@ + + + diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/Link.svelte b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/Link.svelte new file mode 100644 index 0000000000..527bba1171 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/Link.svelte @@ -0,0 +1,7 @@ + + + + {@render children()} + diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/_config.js b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/_config.js new file mode 100644 index 0000000000..6e3ce0df88 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/_config.js @@ -0,0 +1,14 @@ +import { tick } from 'svelte'; +import { test } from '../../test'; + +export default test({ + mode: ['hydrate'], + + async test({ assert, target }) { + await tick(); + assert.htmlEqual( + target.innerHTML, + `
card
` + ); + } +}); diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/main.svelte new file mode 100644 index 0000000000..cb411f6e6c --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-render-component-hydration/main.svelte @@ -0,0 +1,11 @@ + + + +
card
+ +