Closed
Description
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 ipnpm buildpnpm express
Code Reproduction URL
https://github.com/johnjenkins/stencil-start-m6opf9rg/tree/incorrect-order-demo
Additional Information
No response
Metadata
Metadata
Assignees
Labels
No labels