How to create LitElement without Shadow DOM? How to create LitElement without Shadow DOM? javascript javascript

How to create LitElement without Shadow DOM?


Just to make sure this question is shown as answered:

createRenderRoot allows you to override the operation that creates a shadow root. It's usually used to render to light dom:

createRenderRoot() {  return this;}

Though it could be used to render somewhere else entirely.

I really recommend using shadow DOM. Composition is difficult if an element overwrites its own light DOM.