Bug 241784 - CSS Logical properties inline-size and block-size cannot be animated
Summary: CSS Logical properties inline-size and block-size cannot be animated
Status: RESOLVED DUPLICATE of bug 218092
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2022-06-20 08:35 PDT by Felipe Ambrosio
Modified: 2022-06-20 11:58 PDT (History)
1 user (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Felipe Ambrosio 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.
Comment 1 Sam Sneddon [:gsnedders] 2022-06-20 09:09:11 PDT

*** This bug has been marked as a duplicate of bug 218092 ***
Comment 2 Felipe Ambrosio 2022-06-20 11:27:57 PDT
Was bug 218092 marked as solved? This seems to be an issue currently
Comment 3 Alexey Proskuryakov 2022-06-20 11:58:58 PDT
Please test with Safari Technology Preview, iOS 16 beta, or macOS Ventura beta.