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
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
<rdar://problem/34500907>