fix: handle compiled `nodeValue`/`textContent`

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

@@ -346,9 +346,25 @@ export function RegularElement(node, context) {
 		const empty_string = value.type === 'Literal' && value.value === '';
 
 		if (!empty_string) {
-			child_state.init.push(
+			if (context.state.options.customRenderer) {
-				b.stmt(b.assignment('=', b.member(context.state.node, 'textContent'), value))
+				// custom renderers need to use the method to invoke the renderer
-			);
+				context.state.template.push_text([
+					{
+						type: 'Text',
+						data: '',
+						raw: '',
+						start: -1,
+						end: -1
+					}
+				]);
+				const text = context.state.scope.generate('text');
+				context.state.init.push(b.var(text, b.call('$.child', node_id)));
+				context.state.init.push(b.stmt(b.call('$.set_text', b.id(text), value)));
+			} else {
+				child_state.init.push(
+					b.stmt(b.assignment('=', b.member(context.state.node, 'textContent'), value))
+				);
+			}
 		}
 	} else if (is_customizable_select_element(node)) {
 		// For <option>, <optgroup>, or <select> elements with rich content, we need to branch based on browser support.

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

@@ -83,7 +83,12 @@ export function process_children(nodes, initial, is_element, context) {
 		if (has_state && !within_bound_contenteditable) {
 			context.state.update.push(update);
 		} else {
-			context.state.init.push(b.stmt(b.assignment('=', b.member(id, 'nodeValue'), value)));
+			if (context.state.options.customRenderer) {
+				// custom renderers need to use the method to invoke the renderer
+				context.state.init.push(update);
+			} else {
+				context.state.init.push(b.stmt(b.assignment('=', b.member(id, 'nodeValue'), value)));
+			}
 		}
 	}
 

packages/svelte/tests/custom-renderers/samples/text-expression-standalone-element/_config.js

@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	html: '<p>hello world</p>'
+});

packages/svelte/tests/custom-renderers/samples/text-expression-standalone-element/main.svelte

@@ -0,0 +1,5 @@
+<script>
+	let name = $state("world");
+</script>
+
+<p>hello {name}</p>

packages/svelte/tests/custom-renderers/samples/text-expression-standalone/_config.js

@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	html: 'hello world'
+});

packages/svelte/tests/custom-renderers/samples/text-expression-standalone/main.svelte

@@ -0,0 +1,5 @@
+<script>
+	let name = $state("world");
+</script>
+
+hello {name}