tor-browser

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

transform-percent-010.html (946B)


      1 <!doctype html>
      2 <html class="reftest-wait">
      3 <title>CSS Transforms: 'transform' resolved percentage values in SVG after mutation</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-property">
      5 <link rel="match" href="transform-box/reference/greensquare200x200.html">
      6 <script src="/common/reftest-wait.js"></script>
      7 <script src="/common/rendering-utils.js"></script>
      8 <style>
      9  #container {
     10    width: 400px;
     11    height: 200px;
     12  }
     13 </style>
     14 <p>There should be a green 200x200 rectangle below, and no red.</p>
     15 <div id="container">
     16  <svg width="100%" height="100%">
     17    <rect width="200" height="200" fill="red"/>
     18    <g id="target" style="transform: translate(50%, 50%)">
     19      <rect x="-100" y="-100" width="100%" height="100%" fill="green"/>
     20    </g>
     21  </svg>
     22 </div>
     23 <script>
     24  waitForAtLeastOneFrame().then(() => {
     25    document.getElementById('container').style.width = '200px';
     26    takeScreenshot();
     27  });
     28 </script>