fix: ensure svg namespace persists from parent of if blocks

Author: trueadm

.changeset/nine-buses-own.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure svg namespace persists from parent of if blocks

packages/svelte/src/compiler/phases/3-transform/utils.js

@@ -347,6 +347,11 @@ export function infer_namespace(namespace, parent, nodes) {
 		}
 	}
 
+	// If we're already in a non-html namespace, continue using that
+	if (namespace !== 'html') {
+		return namespace;
+	}
+
 	/** @type {Namespace | null} */
 	let new_namespace = null;
 

packages/svelte/tests/runtime-runes/samples/svg-namespace-if-block-2/_config.js

@@ -0,0 +1,11 @@
+import { test, ok } from '../../test';
+
+export default test({
+	html: `<svg><a href="/docs"><text class="small" x="20" y="40"></text></a></svg>`,
+	test({ assert, target }) {
+		const a = target.querySelector('a');
+		ok(a);
+
+		assert.equal(a.namespaceURI, 'http://www.w3.org/2000/svg');
+	}
+});

packages/svelte/tests/runtime-runes/samples/svg-namespace-if-block-2/main.svelte

@@ -0,0 +1,7 @@
+<svg>
+	{#if true}
+		<a href="/docs">
+			<text x="20" y="40" class="small">{name}</text>
+		</a>
+	{/if}
+</svg>