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. define a scoped: true component with a named slot, forwarded to a shadow: true component:

  // parent-scoped.tsx
   <div>
          Scoped parent with named slot.
          <shadow-child-1>
            <slot name="things" />
          </shadow-child-1>         
        </div>

2. forward the shadow-dom enabled component's <slot /> to another shadow: true component:

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

The slotted nodes are not visible (although the slot's comment-placeholder is there), they are 'left-behind', nested within the child's shadow-dom.

Expected Behavior

Named slotted nodes should be forwarded appropriately and be visible

System Info

Steps to Reproduce

pnpm i
pnpm build
pnpm express

Navigate to /slot-forwarding-named-slot

Code Reproduction URL

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

Additional Information

No response