FIX: innerHTML was broken for elements that was not in the body tree

jails-org · Sep 22, 2024 · 052c343 · 052c343
1 parent efb528f
commit 052c343
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/dist/jails.js b/dist/jails.js
diff --git a/dist/jails.js.map b/dist/jails.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "jails-js",
-	"version": "5.8.1",
+	"version": "5.8.2",
 	"description": "Jails - Elegant and Minimalistic Javascript Application Library",
 	"module": "./dist/jails.js",
 	"main": "./dist/jails.js",

diff --git a/src/component.ts b/src/component.ts
@@ -106,12 +106,11 @@ export default function Component( elm, { module, dependencies, templates, compo
 		innerHTML( target, html_ ) {
 
 			const element = html_? target : elm
-			const parser = new DOMParser()
-			const virtual = parser.parseFromString(element.outerHTML, 'text/html')
+			const clone = element.cloneNode()
 			const html = html_? html_ : target
+			clone.innerHTML = html
 
-			virtual.body.firstElementChild.innerHTML = html as string
-			rAF( _ => Idiomorph.morph(element, virtual.body.innerHTML, IdiomorphOptions) )
+			rAF( _ => Idiomorph.morph(element, clone, IdiomorphOptions) )
 		}
 	}