Support the template tag

preactjs · Jan 19, 2025 · 3ad0f25 · 3ad0f25
1 parent cad1daf
commit 3ad0f25
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/diff/index.js b/src/diff/index.js
@@ -525,7 +525,7 @@ function diffElementNodes(
 			if (oldHtml) dom.innerHTML = '';
 
 			diffChildren(
-				dom,
+				newVNode.type === 'template' && dom.content ? dom.content : dom,
 				isArray(newChildren) ? newChildren : [newChildren],
 				newVNode,
 				oldVNode,

diff --git a/test/browser/render.test.js b/test/browser/render.test.js
@@ -92,6 +92,21 @@ describe('render()', () => {
 		});
 	}
 
+	it('should support the <template> tag', () => {
+		function App() {
+			return (
+				<div>
+					<template>
+						<h2>this should show up</h2>
+					</template>
+				</div>
+			);
+		}
+
+		render(<App />, scratch);
+		console.log(scratch.firstChild.firstChild.content.innerHTML);
+	});
+
 	it('should not render when detecting JSON-injection', () => {
 		const vnode = JSON.parse('{"type":"span","children":"Malicious"}');
 		render(vnode, scratch);