summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1371130-ref.xhtml
blob: 81df6e51b5f77fe4fe88f1c00914d4bd87b0e9cc (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
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script>
      customElements.define("custom-div", class extends HTMLDivElement {
        constructor() {
          super();
          this.attachShadow({ mode: "open" });

          let p = document.createElement("p");
          p.append(document.createElement("slot"));
          let span = document.createElement("span");
          span.textContent = "This should not be green.";
          this.shadowRoot.append(p, span);
        }
      }, {
        extends: "div",
      });
    </script>
    <style>
      span { color: red; }
      div > span { color: green; }
    </style>
  </head>
  <body>
    <div is="custom-div">
      <span>This should be green.</span>
    </div>
  </body>
</html>