fix: address unowned propagation signal issue (#9510)

* fix: address unowned propagation signal issue

* Add comments

.changeset/fifty-steaks-float.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: address unowned propagation signal issue

packages/svelte/src/internal/client/runtime.js

@@ -895,15 +895,19 @@ function mark_signal_consumers(signal, to_status, force_schedule) {
 		for (i = 0; i < length; i++) {
 			const consumer = consumers[i];
 			const flags = consumer.flags;
-			if (
+			const unowned = (flags & UNOWNED) !== 0;
-				(flags & DIRTY) !== 0 ||
+			const dirty = (flags & DIRTY) !== 0;
-				(!runes && consumer === current_effect) ||
+			// We skip any effects that are already dirty (but not unowned). Additionally, we also
-				(!force_schedule && consumer === current_effect)
+			// skip if the consumer is the same as the current effect (except if we're not in runes or we
-			) {
+			// are in force schedule mode).
+			if ((dirty && !unowned) || ((!force_schedule || !runes) && consumer === current_effect)) {
 				continue;
 			}
 			set_signal_status(consumer, to_status);
-			if ((flags & CLEAN) !== 0) {
+			// If the signal is not clean, then skip over it – with the exception of unowned signals that
+			// are already dirty. Unowned signals might be dirty because they are not captured as part of an
+			// effect.
+			if ((flags & CLEAN) !== 0 || (dirty && unowned)) {
 				if ((consumer.flags & IS_EFFECT) !== 0) {
 					schedule_effect(/** @type {import('./types.js').EffectSignal} */ (consumer), false);
 				} else {

packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/_config.js

@@ -0,0 +1,45 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	// The component context class instance gets shared between tests, strangely, causing hydration to fail?
+	skip_if_hydrate: 'permanent',
+
+	async test({ assert, target, component }) {
+		const btn = target.querySelector('button');
+
+		flushSync(() => {
+			btn?.click();
+		});
+
+		assert.deepEqual(component.log, [0, 'class trigger false', 'local trigger false', 1]);
+
+		flushSync(() => {
+			btn?.click();
+		});
+
+		assert.deepEqual(component.log, [0, 'class trigger false', 'local trigger false', 1, 2]);
+
+		flushSync(() => {
+			btn?.click();
+		});
+
+		assert.deepEqual(component.log, [0, 'class trigger false', 'local trigger false', 1, 2, 3]);
+
+		flushSync(() => {
+			btn?.click();
+		});
+
+		assert.deepEqual(component.log, [
+			0,
+			'class trigger false',
+			'local trigger false',
+			1,
+			2,
+			3,
+			4,
+			'class trigger true',
+			'local trigger true'
+		]);
+	}
+});

packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte

@@ -0,0 +1,36 @@
+<script context="module">
+		class SomeLogic {
+			someValue = $state(0);
+			isAboveThree = $derived(this.someValue > 3);
+			trigger() {
+				this.someValue++;
+			}
+		}
+
+	const someLogic = new SomeLogic();
+</script>
+
+<script>
+	const {log = []} = $props();
+
+	function increment() {
+		someLogic.trigger();
+	}
+
+	let localDerived = $derived(someLogic.someValue > 3);
+
+	$effect(() => {
+		log.push(someLogic.someValue);
+	});
+	$effect(() => {
+		log.push('class trigger ' + someLogic.isAboveThree)
+	});
+	$effect(() => {
+		log.push('local trigger ' + localDerived)
+	});
+
+</script>
+
+<button on:click={increment}>
+	clicks: {someLogic.someValue}
+</button>