summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/482592-1b-shadow.xhtml
blob: d5594723b42b5390f9da6c19b334ce80e1852c87 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!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("y"), l);
        document.documentElement.removeAttribute("class");
      }
    </script>
  </head>
  <body onload="doTest()">
    <template id="template">
      <style>
        #hasBefore::before { content: "x"; }
      </style>
      <span id="hasBefore"><slot/></span>
    </template>
    <custom-element style="font-size: 300%; display: block;"><span id="l"></span></custom-element>
  </body>
</html>