fix: remove listener on `bind_current_time` teardown (#15013)

Fixes #15008

.changeset/sour-pots-wonder.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: remove listener on `bind_current_time` teardown

packages/svelte/src/internal/client/dom/elements/bindings/media.js

@@ -52,7 +52,10 @@ export function bind_current_time(media, get, set = get) {
 		}
 	});
 
-	teardown(() => cancelAnimationFrame(raf_id));
+	teardown(() => {
+		cancelAnimationFrame(raf_id);
+		media.removeEventListener('timeupdate', callback);
+	});
 }
 
 /**

packages/svelte/tests/runtime-runes/samples/bind-current-time-remove-listener/_config.js

@@ -0,0 +1,26 @@
+import { flushSync } from 'svelte';
+import { ok, test } from '../../test';
+
+export default test({
+	async test({ assert, target, logs }) {
+		const audio = target.querySelector('audio');
+		const btn = target.querySelector('button');
+
+		ok(audio);
+
+		flushSync(() => {
+			audio.currentTime = 10;
+			audio.dispatchEvent(new Event('timeupdate'));
+		});
+		assert.deepEqual(logs, ['event']);
+
+		flushSync(() => {
+			btn?.click();
+		});
+		flushSync(() => {
+			audio.currentTime = 20;
+			audio.dispatchEvent(new Event('timeupdate'));
+		});
+		assert.deepEqual(logs, ['event']);
+	}
+});

packages/svelte/tests/runtime-runes/samples/bind-current-time-remove-listener/main.svelte

@@ -0,0 +1,12 @@
+<script>
+	let show = $state(true);
+	let time = $state(0);
+</script>
+
+<button onclick={()=> show = false}></button>
+{#if show}
+	<audio bind:currentTime={()=>time,(new_time)=>{
+		console.log("event");
+		time = new_time;
+	}}></audio>
+{/if}