This is a simple test case for an issue I'm running into with Stencil's virtual DOM implementation and nested slots when not using Shadow DOM. Here's the issue I'm running into:
The "Slot" h1
should come after the "State: true" text.
When the state is updated (using the button) it will switch to the correct order.
I originally ran into this in a more complex component. When the slots were re-ordered it would reload iframes breaking video playback.