Bug 189968
| Summary: | padding not adjusted until after transform complete | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | nefiga |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, dino, graouts, rniwa, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 11 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
nefiga
There is a problem when combining transform with padding changes over a transition that causes the element to be positioned incorrectly. Please see
https://jsfiddle.net/t1d298a7/
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
nefiga
The same thing happens with margin instead of padding
nefiga
Seems like many things that would change the vertical box height affect in this same way: line-height, font-size, etc.
Radar WebKit Bug Importer
<rdar://problem/44802598>
Ahmad Saleem
I am able to reproduce this bug in Safari 15.6 on macOS 12.5 using attached JSFiddle from Comment 0 and as mentioned, in Safari, it readjust after 3 seconds or finish animating to recalculate the position while in other browsers (Chrome Canary 106 and Firefox Nightly 105), it renders fine and does not go beyond visual viewport and then readjust. Thanks!