482592-1b-shadow.xhtml (963B)
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"> 3 <head> 4 <script> 5 customElements.define("custom-element", class extends HTMLElement { 6 constructor() { 7 super(); 8 const template = document.getElementById("template"); 9 const shadowRoot = this.attachShadow({mode: "open"}) 10 .appendChild(template.content.cloneNode(true)); 11 } 12 }); 13 function doTest() { 14 var l = document.getElementById("l"); 15 l.parentNode.insertBefore(document.createTextNode("y"), l); 16 document.documentElement.removeAttribute("class"); 17 } 18 </script> 19 </head> 20 <body onload="doTest()"> 21 <template id="template"> 22 <style> 23 #hasBefore::before { content: "x"; } 24 </style> 25 <span id="hasBefore"><slot/></span> 26 </template> 27 <custom-element style="font-size: 300%; display: block;"><span id="l"></span></custom-element> 28 </body> 29 </html>