summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1066554-1.html
blob: 8b23a5988befb1a785c7b6b5d0e09202d7ef6cd1 (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
<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>Test for bug 1066554 - Shadow DOM loads SVG stylesheets as needed</title>
<body>
  <div id="x"></div>
  <script>
    function insertShadowSVG() {
      var x = document.getElementById("x");
      x.attachShadow({ mode: "open" });
      x.shadowRoot.innerHTML =
        '<svg width="50px" height="10px"> \
           <switch> \
             <foreignObject width="50px" height="50px"> \
               <div style="width: 100px; height: 10px; background: red;"></div> \
             </foreignObject> \
           </switch> \
         </svg>';
      document.documentElement.removeAttribute("class");
    }
    window.addEventListener("MozReftestInvalidate", insertShadowSVG);
  </script>
</body>
</html>