cross-shadow-boundary-slot-9.html (1466B)
1 <!doctype html> 2 <head> 3 <link rel="match" href="cross-shadow-boundary-slot-9-ref.html"/> 4 </head> 5 <div> 6 <template shadowrootmode="open"> 7 <slot name="first"></slot> 8 <span id="inner">Inner</span> 9 <div id="innerHost1"> 10 <template shadowrootmode="open"> 11 <slot name="reordered1"></slot> 12 <span id="inner">Inner</span> 13 <slot name="reordered2"></slot> 14 </template> 15 <span slot="reordered2">Reordered2</span> 16 <span slot="reordered1">Reordered1</span> 17 </div> 18 <slot name="second"></slot> 19 </template> 20 <span id="second" slot="second">Second</span> 21 <span id="first" slot="first">First</span> 22 </div> 23 <div> 24 <template shadowrootmode="open"> 25 <slot name="third"></slot> 26 <span id="inner">Inner</span> 27 <div id="innerHost1"> 28 <template shadowrootmode="open"> 29 <slot name="reordered3"></slot> 30 <span id="inner">Inner</span> 31 <slot name="reordered4"></slot> 32 </template> 33 <span slot="reordered4">Reordered4</span> 34 <span slot="reordered3">Reordered3</span> 35 </div> 36 <slot name="fourth"></slot> 37 </template> 38 <span id="fourth" slot="fourth">Fourth</span> 39 <span id="third" slot="third">Third</span> 40 </div> 41 <script> 42 // This selects: 43 44 // rst Inner 45 // Reordered1 Inner Reordered2 46 // Second 47 // Third Inner 48 // Reordered3 Inner Reordered4 49 // Fou 50 window.getSelection() 51 .setBaseAndExtent(fourth.firstChild, 3, first.firstChild, 2); 52 </script>