Bug 241784

Summary: CSS Logical properties inline-size and block-size cannot be animated
Product: WebKit Reporter: Felipe Ambrosio <felipe>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: ap
Priority: P2    
Version: Safari 15   
Hardware: All   
OS: All   

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.