From dfa97a5e643655d919a7c6ff80fb3841fe1111f9 Mon Sep 17 00:00:00 2001
From: Paolo Ricciuti <ricciutipaolo@gmail.com>
Date: Tue, 14 Jan 2025 17:28:44 +0100
Subject: [PATCH] feat: allow every children in `template` tags (#15007)

* feat: allow every children in `template` tags

* Update .changeset/dry-mails-return.md

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/dry-mails-return.md                              | 5 +++++
 packages/svelte/src/html-tree-validation.js                 | 2 ++
 .../samples/invalid-node-placement-template/errors.json     | 1 +
 .../samples/invalid-node-placement-template/input.svelte    | 6 ++++++
 4 files changed, 14 insertions(+)
 create mode 100644 .changeset/dry-mails-return.md
 create mode 100644 packages/svelte/tests/validator/samples/invalid-node-placement-template/errors.json
 create mode 100644 packages/svelte/tests/validator/samples/invalid-node-placement-template/input.svelte

diff --git a/.changeset/dry-mails-return.md b/.changeset/dry-mails-return.md
new file mode 100644
index 0000000000..8f87f8e33b
--- /dev/null
+++ b/.changeset/dry-mails-return.md
@@ -0,0 +1,5 @@
+---
+'svelte': minor
+---
+
+feat: allow `<template>` elements to contain any child
diff --git a/packages/svelte/src/html-tree-validation.js b/packages/svelte/src/html-tree-validation.js
index 98e74b638f..4ec4ecf26f 100644
--- a/packages/svelte/src/html-tree-validation.js
+++ b/packages/svelte/src/html-tree-validation.js
@@ -186,6 +186,8 @@ export function is_tag_valid_with_ancestor(child_tag, ancestors, child_loc, ance
 export function is_tag_valid_with_parent(child_tag, parent_tag, child_loc, parent_loc) {
 	if (child_tag.includes('-') || parent_tag?.includes('-')) return null; // custom elements can be anything
 
+	if (parent_tag === 'template') return null; // no errors or warning should be thrown in immediate children of template tags
+
 	const disallowed = disallowed_children[parent_tag];
 
 	const child = child_loc ? `\`<${child_tag}>\` (${child_loc})` : `\`<${child_tag}>\``;
diff --git a/packages/svelte/tests/validator/samples/invalid-node-placement-template/errors.json b/packages/svelte/tests/validator/samples/invalid-node-placement-template/errors.json
new file mode 100644
index 0000000000..fe51488c70
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/invalid-node-placement-template/errors.json
@@ -0,0 +1 @@
+[]
diff --git a/packages/svelte/tests/validator/samples/invalid-node-placement-template/input.svelte b/packages/svelte/tests/validator/samples/invalid-node-placement-template/input.svelte
new file mode 100644
index 0000000000..65aef2a7aa
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/invalid-node-placement-template/input.svelte
@@ -0,0 +1,6 @@
+<template>
+	<tr>
+		<td></td>
+		<td></td>
+	</tr>
+</template>
\ No newline at end of file