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.
*** This bug has been marked as a duplicate of bug 218092 ***
Was bug 218092 marked as solved? This seems to be an issue currently
Please test with Safari Technology Preview, iOS 16 beta, or macOS Ventura beta.