Bug 241784
| Summary: | CSS Logical properties inline-size and block-size cannot be animated | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Felipe Ambrosio <felipe> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | ap |
| Priority: | P2 | ||
| Version: | Safari 15 | ||
| Hardware: | All | ||
| OS: | All | ||
Felipe Ambrosio
Replacing CSS width with inline-size or height with block-size, transitions or animations stop working on Safari. They work as expected on Chrome. Here's an isolated example: https://codepen.io/FelipePS/pen/LYQoZQL
Expected behaviour: div should spring up and down or left and right when we set keyframes from and to block-size or inline-size.
Current behaviour: div remains static using inline-size and block-size fixed.
Current workarounds: using -webkit vendor prefix does not solve it. using standard height or width within keyframes or transition solves it.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Sam Sneddon [:gsnedders]
*** This bug has been marked as a duplicate of bug 218092 ***
Felipe Ambrosio
Was bug 218092 marked as solved? This seems to be an issue currently
Alexey Proskuryakov
Please test with Safari Technology Preview, iOS 16 beta, or macOS Ventura beta.