Bug 243091

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.