fix: improve event delegation with shadowed bindings (#10620)

* fix: improve event delegation with shadowed bindings

* fix: improve event delegation with shadowed bindings

.changeset/little-pans-jog.md

@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: improve event delegation with shadowed bindings

packages/svelte/src/compiler/phases/2-analyze/index.js

@@ -176,6 +176,12 @@ function get_delegated_event(event_name, handler, context) {
 			return non_hoistable;
 		}
 		const binding = scope.get(reference);
+		const local_binding = context.state.scope.get(reference);
+
+		// If we are referencing a binding that is shadowed in another scope then bail out.
+		if (local_binding !== null && binding !== null && local_binding.node !== binding.node) {
+			return non_hoistable;
+		}
 
 		// If we have multiple references to the same store using $ prefix, bail out.
 		if (

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-6/_config.js

@@ -0,0 +1,16 @@
+import { test } from '../../test';
+import { log } from './log.js';
+
+export default test({
+	before_test() {
+		log.length = 0;
+	},
+
+	async test({ assert, target }) {
+		const btn = target.querySelector('button');
+
+		btn?.click();
+		await Promise.resolve();
+		assert.deepEqual(log, ['method']);
+	}
+});

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-6/log.js

@@ -0,0 +1,2 @@
+/** @type {any[]} */
+export const log = [];

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-6/main.svelte

@@ -0,0 +1,12 @@
+<script>
+	import { log } from './log.js';
+
+	let method = $state('method');
+	function submitPay() {
+		log.push(method);
+	}
+	let methods = [{method:1}];
+</script>
+{#each methods as {method}}
+	<button onclick={submitPay}>{method}</button>
+{/each}