slot-fallback-content-008.html (1000B)
1 <!DOCTYPE html> 2 <meta charset="utf-8" > 3 <meta name="author" title="Di Zhang" href="mailto:dizhangg@chromium.org"> 4 <meta name="assert" content="Complex slot fallback content, when dynamically created"> 5 <title>Shadow DOM: Slots and fallback contents</title> 6 <link rel="match" href="slot-fallback-content-008-ref.html"> 7 8 <div id="host">FAIL 9 <div id="host2">FAIL 10 <div id="A">A 11 <slot id="slot1" name="slot1">FAIL</slot> 12 </div> 13 <div id="B">B 14 <slot id="slot2" name="slot2">SLOT2 15 <slot id="slot3" name="slot3">SLOT3</slot> 16 </slot> 17 </div> 18 <slot id="slot4" name="slot4" slot="slot1">FAIL</slot> 19 <slot id="slot5" name="slot5" slot="slot3">SLOT5 20 <div id="C">C</div> 21 </slot> 22 </div> 23 <div id="D" slot="slot4">D</div> 24 </div> 25 26 <script> 27 const shadowRoot2 = host2.attachShadow({ mode: "open" }); 28 shadowRoot2.appendChild(A); 29 shadowRoot2.appendChild(B); 30 31 const shadowRoot = host.attachShadow({ mode: "open" }); 32 shadowRoot.appendChild(host2); 33 34 </script>