dynamic-viewBox-change-01.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg"

     id="target" viewBox="-50 -50 20 20"

     class="reftest-wait"

     preserveAspectRatio="none">

  <script>

  document.addEventListener("MozReftestInvalidate", doTest, false);

  setTimeout(doTest, 4000); // fallback for running outside reftest

  function doTest() {

    var target = document.getElementById("target");

    target.removeAttribute("viewBox");

    document.documentElement.removeAttribute('class');

  </script>

  <!-- Lime background to match pass.svg -->

  <rect height="100%" width="100%" fill="lime"/>

  <!-- Offscreen red rect - the initial |viewBox| makes this visible,

       but it shouldn't be visible after we remove that attribute: -->

  <rect x="-50" y="-50" width="20" height="20" fill="red"/>

</svg>