endor.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src='../../resources/shadow-dom.js'></script>
<script src="../../resources/focus-utils.js"></script>

<style>
.wrapper {
  display: grid;
  reading-flow: grid-order;
}
</style>

<div class="test-case" data-expect="order1,order2,order4,order3"
      data-description="Items in display contents are sorted in same grid container and are placed in the position where their first child resides.">
  <div class="wrapper">
    <div s