Bug 136483 - SVG Filter boundaries not respected on creating a compositing layer
Summary: SVG Filter boundaries not respected on creating a compositing layer
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/r6t88y45/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2014-09-03 08:33 PDT by Dirk Schulze
Modified: 2014-09-03 10:31 PDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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>