From f818ec1aa26ed08777298c0141b571cd022519b1 Mon Sep 17 00:00:00 2001 From: dylan1951 <58990501+dylan1951@users.noreply.github.com> Date: Sun, 16 Nov 2025 15:09:03 +1300 Subject: [PATCH] fix: each block losing reactivity when items removed while promise pending (#17151) Co-authored-by: dylan Co-authored-by: Rich Harris --- .changeset/clean-toes-joke.md | 5 +++++ .../samples/async-each-derived/_config.js | 20 +++++++++++++++++++ .../samples/async-each-derived/main.svelte | 11 ++++++++++ 3 files changed, 36 insertions(+) create mode 100644 .changeset/clean-toes-joke.md create mode 100644 packages/svelte/tests/runtime-runes/samples/async-each-derived/_config.js create mode 100644 packages/svelte/tests/runtime-runes/samples/async-each-derived/main.svelte diff --git a/.changeset/clean-toes-joke.md b/.changeset/clean-toes-joke.md new file mode 100644 index 0000000000..2c3aa4415f --- /dev/null +++ b/.changeset/clean-toes-joke.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: each block losing reactivity when items removed while promise pending diff --git a/packages/svelte/tests/runtime-runes/samples/async-each-derived/_config.js b/packages/svelte/tests/runtime-runes/samples/async-each-derived/_config.js new file mode 100644 index 0000000000..62a09bfc7c --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-each-derived/_config.js @@ -0,0 +1,20 @@ +import { tick } from 'svelte'; +import { test } from '../../test'; + +export default test({ + async test({ assert, target }) { + await tick(); // settle initial await + + const checkBox = target.querySelector('input'); + + checkBox?.click(); + await tick(); + assert.htmlEqual( + target.innerHTML, + ` + +

true

+ ` + ); + } +}); diff --git a/packages/svelte/tests/runtime-runes/samples/async-each-derived/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-each-derived/main.svelte new file mode 100644 index 0000000000..7e3b5c54bc --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-each-derived/main.svelte @@ -0,0 +1,11 @@ + + + + +{#each checked === foo && [1]} +

{checked}

+{/each}