Bug 139237 – SVG filter effect does not respect its region when its ancestor filter is referenced in the svg

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: SVG

[Said Abou-Hallawa]

Created attachment 242533 [details]
Safari-Rendering

Open the following svg in WebKit:

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

  <filter id="f2" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
         x="0" y="0" width="1" height="1">
    <feFlood flood-color="#ff0000" result="flood"/>
    <feComposite x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
         in="flood" operator="in" in2="SourceGraphic"/>
  </filter>
  <g filter="url(#f2)">
    <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
  </g>

</svg>

Result: The region applied on the filter effect <feComposite> is ignored. The red rectangle is displayed at position = (0,0) with size = (100,100).
Expected: The red rectangle should be displayed at position = (10,10) with size (80,80). See the attached screen-shots for how Safari and FireFox are displaying the above svg.

NOTE: Chrome and FireFox respect the filter effect region and they behave exactly the same.

[Said Abou-Hallawa]

Created attachment 242534 [details]
FireFox Rendering

[Radar WebKit Bug Importer]

<rdar://problem/19135823>

[Said Abou-Hallawa]

This is caused because of the bug in calculating the absolutePaintRect of the feComposite filter when the operator is 'in'. This issue is already covered by https://bugs.webkit.org/show_bug.cgi?id=137856. So closing this is a d dupe.

*** This bug has been marked as a duplicate of bug 137856 ***