Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

latest

Current Behavior

scoped: true components do not render properly within a shadow: true component that is rendered with serializeShadowRoot: 'scoped'.

1. nodes are not slotted properly. In the linked demo a shadow: true component forwards it's <slot /> into a scoped: true component. The slot gets hidden. The scoped components childNodes are 0. The content collapses.
2. there's a noticeable style 'flicker' as the components hydrate. This is due to the scoped component's nodes being moved into the shadowRoot but the styles being left behind in the document head.

Expected Behavior

1. slotted nodes should work in a scoped component.
2. no style flicker.

System Info

Steps to Reproduce

pnpm i
pnpm build
pnpm express

Code Reproduction URL

https://github.com/johnjenkins/stencil-start-m6opf9rg/tree/collapsing-scoped-components

Additional Information

No response