Blitz - WPT: filter-repaint.html

wpt / svg / extensibility / foreignObject / filter-repaint.html

/svg/extensibility/foreignObject/filter-repaint.html

<!doctype HTML>
<title>Test that re-painting a foreignObject element with a filter works.</title>
<link rel="match" href="filter-repaint-ref.html">
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
<link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/single-page.html#embedded-ForeignObjectElement"/>
<svg>
  <foreignObject style="overflow: visible;"
        width="400" height="400" filter="url(#blur)">
    <div id=target>test</div>
  </foreignObject>
  <g>
    <defs>
      <filter id="blur">
        <feGaussianBlur stdDeviation="0.1"/>
      </filter>
  </defs>
  </g>
</svg>
<script>
onload = () => {
  requestAnimationFrame(() => requestAnimationFrame(() =>
    target.style.width = '11px'));
}
</script>

/svg/extensibility/foreignObject/filter-repaint-ref.html

<html>
  <svg>
  <foreignObject style="overflow: visible;"
      width="400" height="400" filter="url(#blur)">
    <div id=target>test</div>
  </foreignObject>
  <g>
    <defs>
        <filter id="blur">
          <feGaussianBlur stdDeviation="0.1"/>
        </filter>
    </defs>
    </g>
  </svg>
</html>