Shadow DOM

[peacepostman]

Hello !

I'm discovering the nanoJSX library and I was wondering how does the library live within a shadow DOM ?

Best regards,
Ben

[yandeu]

I have never used a shadow DOM and am therefore not much familiar with its concept.
Shadow DOM is the DOM inside a custom HTMLElement?

In the docs, at the bottom is an example of creating a custom element using NanoJSX.

This feature was requested and implement by @jrson83.

[peacepostman]

Yes it is the DOM inside a custom HTMLElement but you could also choose to inject your component in a Shadow DOM target. I'm using this lib with: react https://github.com/Wildhoney/ReactShadow

Regarding the behaviour of nano I think it is totally doable. I will perform some tests on my side to be sure.

Thanks !

[felippe-regazio]

Maybe you would like to see the "CustomElementsMode" in the docs: CustomElementsMode.
When you register a NanoJSX Component as a web element, it will be rendered inside a ShadowDOM by default.