Bug 177050

Summary:	pseudo element Clip fails when parent has height or blur
Product:	WebKit	Reporter:	Peter Mouland <peter.mouland>
Component:	CSS	Assignee:	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
Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2017-09-18 14:06:07 PDT

<rdar://problem/34500907>

Note You need to log in before you can comment on or make changes to this bug.