fix: correctly print !doctype during print (#17341)

manuel3108 · web-flow · commit a584ff134703 · 2025-12-10T19:31:58.000-05:00
diff --git a/.changeset/smooth-comics-shine.md b/.changeset/smooth-comics-shine.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: correctly print `!doctype` during `print`
diff --git a/packages/svelte/src/compiler/print/index.js b/packages/svelte/src/compiler/print/index.js
@@ -112,12 +112,13 @@ function base_element(node, context) {
 	}
 
 	const multiline_attributes = attributes(node.attributes, child_context);
-
+	const is_doctype_node = node.name.toLowerCase() === '!doctype';
 	const is_self_closing =
 		is_void(node.name) || (node.type === 'Component' && node.fragment.nodes.length === 0);
 	let multiline_content = false;
 
-	if (is_self_closing) {
+	if (is_doctype_node) child_context.write(`>`);
+	else if (is_self_closing) {
 		child_context.write(`${multiline_attributes ? '' : ' '}/>`);
 	} else {
 		child_context.write('>');
diff --git a/packages/svelte/tests/print/samples/html-document/input.svelte b/packages/svelte/tests/print/samples/html-document/input.svelte
@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Svelte App</title>
+    </head>
+    <body>
+        <div>Hello World</div>
+    </body>
+</html>
diff --git a/packages/svelte/tests/print/samples/html-document/output.svelte b/packages/svelte/tests/print/samples/html-document/output.svelte
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1.0"
+		/>
+		<title>Svelte App</title>
+	</head>
+	<body><div>Hello World</div></body>
+</html>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'svelte': patch
 +---
++
 +fix: correctly print `!doctype` during `print`