tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

use-element-transitions-dom-mutation.tentative.html (930B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>SVG Test: DOM mutations in template should not stop transition in &lt;use&gt; element tree</title>
      4 <link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseElement">
      5 <link rel="help" href="https://github.com/w3c/svgwg/issues/1002">
      6 <link rel="match" href="use-element-selector-ref.html">
      7 <style>
      8  #rect { fill: black; transition: fill 1000s steps(2, start); }
      9  .class > #rect { fill: lime; }
     10 </style>
     11 <svg>
     12  <use id="use_elm" xlink:href="#tmpl" />
     13  <defs>
     14    <g id="tmpl">
     15      <rect id="rect" width="100" height="100"></rect>
     16      <text id="txt">FAIL</text>
     17    </g>
     18  </defs>
     19 </svg>
     20 <script>
     21  requestAnimationFrame(() => {
     22    requestAnimationFrame(() => {
     23      tmpl.setAttribute("class", "class");
     24      requestAnimationFrame(() => {
     25        txt.remove();
     26        document.documentElement.classList.remove('reftest-wait');
     27      });
     28    });
     29  });
     30 </script>