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

1. Setup a scoped component which forwards it's slot to a shadow component

 // scoped-parent.tsx
       <div>
          Scoped parent.
          <shadow-child-1>
            <slot />
          </shadow-child-1>         
        </div>

2. The child component forwards it's slot to another shadow component

 // shadow-child-1.tsx
       <div>
          <shadow-child-2>
            <slot />
          </shadow-child-2>
        </div>

The scoped parent will 'steal' it's child component's <slot /> element (or rather - not add the slot element to the child's shadowRoot) resulting in none of the slotted content rendering.

Expected Behavior

scoped components should not take ownership of nested shadow components slot elements. Slotted content should render.

System Info

Steps to Reproduce

pnpm i
pnpm build
pnpm express

Code Reproduction URL

https://github.com/johnjenkins/stencil-start-m6opf9rg/

Additional Information

No response