Version

3.2.20

Reproduction link

https://playcode.io/828855/

Steps to reproduce

<my-button>
  <span>Button</span>
</my-button>

final render dom tree

<my-button>
  ShadowRoot
    <div class="my-button">
      <div class="my-button-content">
        <slot></slot>
      </div>
    </div>
  <span>Button</span>
</my-button>

What is expected?

<slot> is not inserted correctly.

What is actually happening?

see https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots https://mdn.github.io/web-components-examples/simple-template/

native slots allocation does not affect innerHTML