Blitz - WPT: tainting-css-dropshadow-001.html

wpt / css / filter-effects / tainting-css-dropshadow-001.html

/css/filter-effects/tainting-css-dropshadow-001.html

<!DOCTYPE html>
<html>
<title>CSS filter: drop-shadow with color-mix(currentcolor) taints the canvas</title>
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacementmap-restrictions">
<link rel="match" href="reference/green-100x100.html">
<svg width="100" height="100">
  <filter id="check_taint" color-interpolation-filters="sRGB">
    <feFlood flood-color="green" result="green_bg"/>
    <feDisplacementMap in="green_bg" in2="SourceGraphic"
                       xChannelSelector="G" yChannelSelector="B"
                       scale="100"/>
  </filter>
  <rect width="100" height="100" fill="red"/>
  <rect width="100" height="100" fill="rgb(0%, 100%, 50%)"
        style="color: rgb(0%, 100%, 50%); filter: drop-shadow(0px 0px 0px color-mix(in srgb, currentcolor 99.9%, black)) url(#check_taint);"/>
</svg>
</html>

/css/filter-effects/reference/green-100x100.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green"></div>