Bug 177050 - pseudo element Clip fails when parent has height or blur
Summary: pseudo element Clip fails when parent has height or blur
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 9
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/peter-mouland/pen/...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-09-17 04:40 PDT by Peter Mouland
Modified: 2017-09-18 14:06 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Peter Mouland 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
Comment 1 Radar WebKit Bug Importer 2017-09-18 14:06:07 PDT 
<rdar://problem/34500907>