482592-1a-shadow.xhtml (989B)
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("x"), l); 16 document.documentElement.removeAttribute("class"); 17 } 18 </script> 19 </head> 20 <body onload="doTest()"> 21 <template id="template"> 22 <style> 23 #hasAfter::after { content: "y"; } 24 #l { display: none; } 25 </style> 26 <span id="hasAfter"><slot/></span> 27 </template> 28 <custom-element style="font-size: 300%; display:block;"><span id="l"></span></custom-element> 29 </body> 30 </html>