When i add element from outside to web component its shows reveal

Question

When I add children to the web component from outside, adding as reveal will it be a problem for it to benefit from the shadow dom?

Answer 1

When the Custom Element has shadowDOM,

Slotted lightDOM content is reflected to <slot> elements in shadowDOM

The reveal button in F12 tools takes you to the current slotted lightDOM content

Also see: ::slotted CSS selector for nested children in shadowDOM slot