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

A nested component can position / order it's named slots incorrectly in the DOM:

Parent:

       <div>
          <cmp-child>
            <slot name="things" />
            <div class="AFTER">after</div>
          </cmp-child>

          <div>
            <slot />
          </div>
        </div>

Result:

(the 'after' div moves before the slot (and therefore slotted nodes) in the DOM during hydration)

Expected Behavior

The original order of a named <slot /> should be preserved during hydration

System Info

Steps to Reproduce

• pnpm i
• pnpm build
• pnpm express

Code Reproduction URL

https://github.com/johnjenkins/stencil-start-m6opf9rg/tree/incorrect-order-demo

Additional Information

No response