fix binding shadow the array in each block

src/compiler/compile/render_dom/wrappers/Element/index.ts

@@ -497,7 +497,10 @@ export default class ElementWrapper extends Wrapper {
 			this.renderer.component.partly_hoisted.push(deindent`
 				function ${handler}(${contextual_dependencies.size > 0 ? `{ ${Array.from(contextual_dependencies).join(', ')} }` : ``}) {
 					${group.bindings.map(b => b.handler.mutation)}
-					${Array.from(dependencies).filter(dep => dep[0] !== '$').map(dep => `${this.renderer.component.invalidate(dep)};`)}
+					${Array.from(dependencies)
+						.filter(dep => dep[0] !== '$')
+						.filter(dep => !contextual_dependencies.has(dep))
+						.map(dep => `${this.renderer.component.invalidate(dep)};`)}
 				}
 			`);
 

test/runtime/samples/each-block-scope-shadow-self/_config.js

@@ -0,0 +1,17 @@
+export default {
+	html: '<input type="text"><input type="text"><input type="text">',
+	async test({ assert, component, target }) {
+		const input = target.querySelector('input');
+		input.value = 'svelte';
+		await input.dispatchEvent(new window.Event('input'));
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+		<input type="text"><input type="text"><input type="text">
+		`
+		);
+		assert.deepEqual(component.data, { a: 'svelte', b: 'B', c: 'C' });
+		assert.deepEqual(component.x, ['a', 'b', 'c']);
+	},
+};

test/runtime/samples/each-block-scope-shadow-self/main.svelte

@@ -0,0 +1,15 @@
+<script> 
+	export let x = ['a', 'b', 'c'];
+	export let data = {
+		'a': 'A',
+		'b': 'B',
+		'c': 'C',
+	};
+	export function getData() {
+		return data;
+	}
+</script>
+
+{#each x as x}
+	<input type=text bind:value={data[x]}>
+{/each}