Message from JavaScript discussions

November 2018

— Currently, I’m creating html, head, and body elements by hand, insert the head and body markup and then I append the head and body elements to the html element. This feels ... very odd to write out.

Message permanent page


Wait a minute the shadow DOM was this thing in React or VueJS that renders, set HTML, only when smthing changes?

— You are maybe talking about Virtual DOM?

— Oh

— Yes

— Lol

— Yikes :D

— Shadow dom is not the iframe thing, right

— What effect you try to achive?

— If you think what I think you think, it is. It allows you to attach DOM fragments to it. The goal is to isolate the shadow DOM from the parent/host DOM. The main purpose is style isolation.

Message permanent page

— My use case is rather complex. I’m rendering a full document inside another document. Currently, I manually inject the body contents into a certain element in the parent document’s body. Script, style and link tags are injected into the parent document’s head.

Message permanent page

— It would be far preferable to just have the document be a shadow DOM inside the parent document. This would automatically load any scripts/styles, but also isolate styles to the shadow DOM.

Message permanent page