fix: improve text node output (#10081)

* fix: improve text node output

* revert

.changeset/dry-eggs-play.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: improve text node output

packages/svelte/src/compiler/phases/3-transform/client/visitors/template.js

@@ -1531,14 +1531,20 @@ function process_children(nodes, parent, { visit, state }) {
 		expression = b.call('$.sibling', text_id);
 	}
 
+	let is_fragment = false;
 	for (let i = 0; i < nodes.length; i += 1) {
 		const node = nodes[i];
 
 		if (node.type === 'Text' || node.type === 'ExpressionTag') {
 			sequence.push(node);
 		} else {
 			if (sequence.length > 0) {
-				flush_sequence(sequence, true);
+				flush_sequence(sequence, is_fragment);
+				// Ensure we move to the next sibling for the case where we move reference within a fragment
+				if (!is_fragment && sequence.length === 1 && sequence[0].type === 'ExpressionTag') {
+					expression = b.call('$.sibling', expression);
+					is_fragment = true;
+				}
 				sequence = [];
 			}
 

packages/svelte/tests/runtime-runes/samples/each-text-template/_config.js

@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<p>A<br>B<br>C<br></p>`
+});

packages/svelte/tests/runtime-runes/samples/each-text-template/main.svelte

@@ -0,0 +1,9 @@
+<script>
+	let array = $state(['A', 'B', 'C']);
+</script>
+
+<p>
+{#each array as a}
+	{a}<br/>
+{/each}
+</p>