summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/smil/anim-change-display-none-for-target-elem.html
blob: 68529945714eb903785c974b31c375498ed18ecb (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 on an element that dynamically becomes 'display:none'</title>
  </head>
  <body style="background-color: lime;">
    <div>
      <svg>
        <rect width="100%" height="100%" fill="blue" id="rect">
          <animate attributeName="fill" from="brown" to="red" dur="100s"/>
        </rect>
      </svg>
    </div>
    <script>
      document.addEventListener('MozReftestInvalidate', function() {
        var rect = document.getElementById("rect");
        rect.style.display = "none";

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