summaryrefslogtreecommitdiffstats
path: root/dom/animation/test/crashtests/1359658-1.html
blob: 972ec497fa20099a20eeec9574cc5891c70941ee (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
30
31
32
33
<!doctype html>
<html class="reftest-wait">
  <head>
    <meta charset=utf-8>
    <title>Bug 1359658: Animation-only dirty descendants bit should be cleared
           for display:none content</title>
  </head>
  <body>
  <div id="ancestor">
    <svg>
      <rect id="target" width="100%" height="100%" fill="lime"/>
    </svg>
  </div>
  </body>
  <script>
'use strict';

const ancestor = document.getElementById('ancestor');
const target   = document.getElementById('target');

document.addEventListener('DOMContentLoaded', () => {
  const animation = target.animate({ color: [ 'red', 'lime' ] },
                                   { duration: 1000, iterations: Infinity });
  requestAnimationFrame(() => {
    // Tweak animation to cause animation dirty bit to be set
    animation.effect.updateTiming({ duration: 2000 });
    ancestor.style.display = "none";
    getComputedStyle(ancestor).display;
    document.documentElement.className = '';
  });
});
  </script>
</html>