1359658-1.html - mozsearch

Enable keyboard shortcuts

<!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>