From 4b7e23194bf61ab3764b9d86adb22a4aeafd67ec Mon Sep 17 00:00:00 2001
From: Jovi De Croock <decroockjovi@gmail.com>
Date: Sun, 19 Jan 2025 11:55:59 +0100
Subject: [PATCH] Support the template tag (#4639)

* Support the template tag

* Add test

* Types

* chore: simplify template check

* chore: instantiate template tag in test

---------

Co-authored-by: Marvin Hagemeister <hello@marvinh.dev>
---
 src/diff/index.js           |  3 ++-
 test/browser/render.test.js | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/diff/index.js b/src/diff/index.js
index a05c03cc95..7d94813596 100644
--- a/src/diff/index.js
+++ b/src/diff/index.js
@@ -525,7 +525,8 @@ function diffElementNodes(
 			if (oldHtml) dom.innerHTML = '';
 
 			diffChildren(
-				dom,
+				// @ts-expect-error
+				newVNode.type === 'template' ? dom.content : dom,
 				isArray(newChildren) ? newChildren : [newChildren],
 				newVNode,
 				oldVNode,
diff --git a/test/browser/render.test.js b/test/browser/render.test.js
index b5ceff81c6..bb006c6868 100644
--- a/test/browser/render.test.js
+++ b/test/browser/render.test.js
@@ -92,6 +92,20 @@ describe('render()', () => {
 		});
 	}
 
+	it('should support the <template> tag', () => {
+		function App() {
+			return (
+				<template>
+					<h1>it works</h1>
+				</template>
+			);
+		}
+
+		render(<App />, scratch);
+		const clone = scratch.firstChild.content.cloneNode(true);
+		expect(clone.firstChild.outerHTML).to.eql('<h1>it works</h1>');
+	});
+
 	it('should not render when detecting JSON-injection', () => {
 		const vnode = JSON.parse('{"type":"span","children":"Malicious"}');
 		render(vnode, scratch);