Bug 136483

Summary: SVG Filter boundaries not respected on creating a compositing layer
Product: WebKit Reporter: Dirk Schulze <krit>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: dino, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://jsfiddle.net/r6t88y45/

Description Dirk Schulze 2014-09-03 08:33:02 PDT 
http://jsfiddle.net/r6t88y45/

The left example uses SVG Filter and feGaussianBlur. The element has a compositing layer because of translateZ(0). The layer is clipped to the elements boundaries instead of the filter boundaries.

The right example uses CSS Filters and blur(). The element is clipped correctly but you can see weird blurring on the edges which shouldn't happen.
Comment 1 Radar WebKit Bug Importer 2014-09-03 10:31:25 PDT 
<rdar://problem/18216360>