multipleinsertionpoints-appendsingle-1-shadow.xhtml (973B)
1 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"> 2 <head> 3 <script> 4 customElements.define("custom-element", class extends HTMLElement { 5 constructor() { 6 super(); 7 const template = document.getElementById("template"); 8 const shadowRoot = this.attachShadow({mode: "open"}) 9 .appendChild(template.content.cloneNode(true)); 10 } 11 }); 12 13 function boom() 14 { 15 document.body.offsetHeight; 16 17 var parent = document.getElementById("parent"); 18 19 var newelt = document.createElement("div"); 20 newelt.appendChild(document.createTextNode(5)); 21 parent.appendChild(newelt); 22 23 document.body.offsetHeight; 24 document.documentElement.className = ""; 25 } 26 </script> 27 28 </head> 29 <body onload="boom();"> 30 <template id="template"> 31 <div> 32 <slot name="foo"/> 33 </div> 34 <div> 35 <slot/> 36 </div> 37 </template> 38 <custom-element id="parent" style="display: block;"> 39 <div>3</div><span slot="foo">1</span><div>4</div><span slot="foo">2</span> 40 </custom-element> 41 </body> 42 </html>