482592-1a-shadow.xhtml

Enable keyboard shortcuts

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">

  <head>

    <script>

      customElements.define("custom-element", class extends HTMLElement {

        constructor() {

          super();

          const template = document.getElementById("template");

          const shadowRoot = this.attachShadow({mode: "open"})

            .appendChild(template.content.cloneNode(true));

});

      function doTest() {

        var l = document.getElementById("l");

        l.parentNode.insertBefore(document.createTextNode("x"), l);

        document.documentElement.removeAttribute("class");

    </script>

  </head>

  <body onload="doTest()">

    <template id="template">

      <style>

        #hasAfter::after { content: "y"; }

        #l { display: none; }

      </style>

      <span id="hasAfter"><slot/></span>

    </template>

    <custom-element style="font-size: 300%; display:block;"><span id="l"></span></custom-element>

  </body>

</html>