layout/reftests/dom/multipleinsertionpoints-appendsingle-1-shadow.xhtml

   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>