cross-shadow-boundary-slot-8.html (774B)
1 <!doctype html> 2 <head> 3 <link rel="match" href="cross-shadow-boundary-slot-8-ref.html"/> 4 </head> 5 <div> 6 <template shadowrootmode="open"> 7 <slot name="first"></slot> 8 <span id="inner">Inner</span> 9 <slot name="second"></slot> 10 </template> 11 <span id="second" slot="second">Second</span> 12 <span id="first" slot="first">First</span> 13 </div> 14 <div> 15 <template shadowrootmode="open"> 16 <slot name="third"></slot> 17 <span id="inner">Inner</span> 18 <slot name="fourth"></slot> 19 </template> 20 <span id="fourth" slot="fourth">Fourth</span> 21 <span id="third" slot="third">Third</span> 22 </div> 23 <script> 24 // This selects: 25 26 // rst Inner Second 27 // Third Inner Fou 28 window.getSelection() 29 .setBaseAndExtent(fourth.firstChild, 3, first.firstChild, 2); 30 </script>