NEW 243091
filter with primitiveUnits=objectBoundingBox is applied per tile 
https://bugs.webkit.org/show_bug.cgi?id=243091
Summary filter with primitiveUnits=objectBoundingBox is applied per tile
Johannes Odland
Reported 2022-07-21 23:27:51 PDT
Created attachment 461131 [details] Screenshot of unexpected result in STP Given an SVG filter that has primitiveUnits set to objectBoundingBox. When applying this filter to an element using the CSS filter property, the rendered output is unexpected. What seems to happen: The element is broken along the rendered tiles. Each part of the segmented element is assigned coordinates from 0,0 to 1,1, and the filter is applied per segmented element. Expected behaviour: Length values within the filter should correspond to the whole bounding box of the element, and not to the rendered tile. "If primitiveUnits is equal to objectBoundingBox, then any length values within the filter definitions represent fractions or percentages of the bounding box on the referencing element" https://www.w3.org/TR/filter-effects-1/#element-attrdef-filter-primitiveunits How to reproduce: The issue is reproduced in the following pen: https://codepen.io/johannesodland/pen/PoRjPJv It is possible to mitigate the problem by forcing the element to be rendered as a separate layer, using `transform: translateZ(0)` or similar.
Attachments
Screenshot of unexpected result in STP (34.07 KB, image/png)
2022-07-21 23:27 PDT, Johannes Odland 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-07-28 23:28:14 PDT
<rdar://problem/97766228>
Note You need to log in before you can comment on or make changes to this bug.