filter-invalidation-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" version="1.1"

     class="reftest-wait">

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=463939 -->

  <title>Test that the area that's covered by a filtered element is invalidated when it moves</title>

  <filter id="filter">

    <feGaussianBlur stdDeviation="0.1"/>

  </filter>

  <script type="text/javascript">//<![CDATA[

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

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

function doTest() {

  document.getElementById("r").setAttribute("y", "-200%");

  document.documentElement.removeAttribute('class');

  //]]></script>

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

  <rect width="100%" height="100%" fill="red" id="r" filter="url(#filter)"/>

</svg>