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

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.