Bug 177050

Summary: pseudo element Clip fails when parent has height or blur
Product: WebKit Reporter: Peter Mouland <peter.mouland>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: peter.mouland, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 9   
Hardware: All   
OS: All   
URL: https://codepen.io/peter-mouland/pen/MEaEpK

Peter Mouland
Reported 2017-09-17 04:40:13 PDT
In Safari 9 + 10 (iOS and MacOS) the desired clipped area (within a pseudo element) is no longer clipped once either `height` or `transform: blur` is applied to the parent element. This does not happen in Safari 8 (when i think transform: blur was not implemented). Firefox, edge, ie11 + chrome all clip as expected. codepen demo: https://codepen.io/peter-mouland/pen/MEaEpK
Attachments
Radar WebKit Bug Importer
Comment 1 2017-09-18 14:06:07 PDT
Note You need to log in before you can comment on or make changes to this bug.