From 6be176df2f760e314023e3ddbf42b45fc5575dbb Mon Sep 17 00:00:00 2001
From: Nic Polumeyv <nicolas.polum@outlook.com>
Date: Fri, 11 Sep 2026 07:24:55 -0400
Subject: [PATCH] fix: resolve the fallback of an each block in the enclosing
 scope (#18803)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In `phases/scope.js`, `EachBlock` visits `node.fallback` with the
block's own scope, so `{:else}` resolves the loop's name to the each
context. With `let item = $state('outer')` outside and `{#each items as
item}…{:else}<button onclick={() => (item = 'changed')}>` the compiler
reports "Cannot reassign or bind to each block argument" for a variable
that is not the block's argument.

The fallback renders when there is nothing to iterate, so it is visited
in the enclosing scope, as an await block's `pending` is.
---
 .changeset/each-fallback-scope.md                  |  5 +++++
 packages/svelte/src/compiler/phases/scope.js       |  2 +-
 .../samples/each-fallback-outer-scope/_config.js   | 14 ++++++++++++++
 .../samples/each-fallback-outer-scope/main.svelte  | 10 ++++++++++
 4 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/each-fallback-scope.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/main.svelte

diff --git a/.changeset/each-fallback-scope.md b/.changeset/each-fallback-scope.md
new file mode 100644
index 0000000000..5134fc462b
--- /dev/null
+++ b/.changeset/each-fallback-scope.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: resolve the fallback of an each block in the enclosing scope
diff --git a/packages/svelte/src/compiler/phases/scope.js b/packages/svelte/src/compiler/phases/scope.js
index e3560753b4..b5daf05a6a 100644
--- a/packages/svelte/src/compiler/phases/scope.js
+++ b/packages/svelte/src/compiler/phases/scope.js
@@ -1233,6 +1233,7 @@ export function create_scopes(ast, root, allow_reactive_declarations, parent) {
 
 		EachBlock(node, { state, visit }) {
 			visit(node.expression);
+			if (node.fallback) visit(node.fallback);
 
 			// context and children are a new scope
 			const scope = state.scope.child();
@@ -1278,7 +1279,6 @@ export function create_scopes(ast, root, allow_reactive_declarations, parent) {
 			for (const child of node.body.nodes) {
 				visit(child, { scope });
 			}
-			if (node.fallback) visit(node.fallback, { scope });
 
 			node.metadata = {
 				expression: new ExpressionMetadata(),
diff --git a/packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/_config.js b/packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/_config.js
new file mode 100644
index 0000000000..8761693873
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/_config.js
@@ -0,0 +1,14 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: '<button>outer</button>',
+
+	test({ assert, target }) {
+		const button = target.querySelector('button');
+		flushSync(() => {
+			button?.click();
+		});
+		assert.htmlEqual(target.innerHTML, '<button>changed</button>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/main.svelte b/packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/main.svelte
new file mode 100644
index 0000000000..7ebb37e2f7
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/each-fallback-outer-scope/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	let items = $state([]);
+	let item = $state('outer');
+</script>
+
+{#each items as item}
+	<p>{item}</p>
+{:else}
+	<button onclick={() => (item = 'changed')}>{item}</button>
+{/each}