<?xml version="1.0"?> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();"> <title>Testcase for dynamic rect changes with filters</title> <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 --> <script> function m() { document.getElementById("rect1").setAttribute("x", "50"); document.getElementById("rect2").setAttribute("transform", "translate(200,0)"); document.getElementById("rect3").setAttribute("filter", "url(#shadow)"); } </script> <filter id="shadow" filterUnits="objectBoundingBox"> <feGaussianBlur in="SourceAlpha" stdDeviation="5"/> </filter> <rect id="rect1" x="0" y="100" width="50" height="50" filter="url(#shadow)" /> <rect id="rect2" x="0" y="100" width="50" height="50" filter="url(#shadow)" /> <rect id="rect3" x="50" y="200" width="50" height="50"/> </svg>