RESOLVED DUPLICATE of bug 218092 241784
CSS Logical properties inline-size and block-size cannot be animated 
https://bugs.webkit.org/show_bug.cgi?id=241784
Summary CSS Logical properties inline-size and block-size cannot be animated
Felipe Ambrosio
Reported 2022-06-20 08:35:32 PDT
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]
Comment 1 2022-06-20 09:09:11 PDT
*** This bug has been marked as a duplicate of bug 218092 ***
Felipe Ambrosio
Comment 2 2022-06-20 11:27:57 PDT
Was bug 218092 marked as solved? This seems to be an issue currently
Alexey Proskuryakov
Comment 3 2022-06-20 11:58:58 PDT
Please test with Safari Technology Preview, iOS 16 beta, or macOS Ventura beta.
Note You need to log in before you can comment on or make changes to this bug.