Bug 150161
| Summary: | Transition on transform does not render when entering overflow hidden container | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ben Frain <contact> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Major | CC: | dave, dino, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 9 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 9.0 | ||
Ben Frain
Here is a reduction:
http://codepen.io/anon/pen/epGrvr
This works correctly in iOS8.4 (Simulator) and Safari 9 but not in the iOS Safari 9 or 9.1
If a wrapper has overflow: hidden applied and child elements are transitioned outside of the bounds, they do not get 'painted' as they are transformed back (until the transition ends and then the items are 'painted' at once).
This makes it appear like the interior elements are not being painted until transition end.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/23143925>