summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/smil/anim-change-display-none-for-ancestor-elem.html
blob: e34f52056e01b0a6ba828cd521b4abd13b1abec3 (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
<!DOCTYPE html>
<html class="reftest-wait">
  <head>
    <title>Test animation in a subtree that dynamically becames 'display:none'</title>
  </head>
  <body style="background-color: lime;">
    <div id="target">
      <svg>
        <rect width="100%" height="100%" fill="blue">
          <animate attributeName="fill" from="brown" to="red" dur="100s"/>
        </rect>
      </svg>
    </div>
    <script>
      document.addEventListener('MozReftestInvalidate', function() {
        var target = document.getElementById("target");
        target.style.display = "none";

        requestAnimationFrame(function(time) {
          document.documentElement.removeAttribute("class");
        });
      });
    </script>
  </body>
</html>