open">
    <style>
    .wrapper {
      display: grid;
      reading-flow: grid-order;
    }
    </style>
    <div class="wrapper">
      <button style="order: 4" id="before">Before</button>
      <slot style="display: contents" style="order: 4"></slot>
      <button style="order: 3" id="after">After</button>
    </div>
  </template>
  <button id="a6" style="order: 7">A</button>
  <button id="b6" style="order: 2">B</button>
</span>
<br>

<span id="host7" class="test-case" data-expect="host7/after,a7,b7,host