cross-shadow-boundary-slot-complex-1.html (674B)
1 <!doctype html> 2 <head> 3 <link rel="match" href="cross-shadow-boundary-slot-complex-1-ref.html"/> 4 </head> 5 <div> 6 <template shadowrootmode="open"> 7 in shadow 8 <slot name="1"></slot> 9 <div> 10 <template shadowrootmode="open"> 11 in nested shadow 12 <slot></slot> 13 in nested shadow 14 </template> 15 <slot name="2"></slot> 16 </div> 17 in shadow 18 </template> 19 <span id="slot1" slot="1">--slotted 1--</span> 20 <span id="slot2" slot="2">--slotted 2--</span> 21 </div> 22 <script> 23 // This selects: 24 25 // lotted 1-- 26 // in nested shadow --slott 27 window.getSelection() 28 .setBaseAndExtent(slot1.firstChild, 3, slot2.firstChild, 7); 29 </script>