Bug 252808

Summary:	The animation of CSS custom properties is not valid in the shorthand property
Product:	WebKit	Reporter:	yisibl <50167214>
Component:	CSS	Assignee:	Antoine Quint <graouts>
Status:	RESOLVED FIXED
Severity:	Major	CC:	graouts, koivisto, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	Safari Technology Preview
Hardware:	Mac (Apple Silicon)
OS:	macOS 12
URL:	https://codepen.io/yisi/pen/NWLxLvB?editors=0100
See Also:	https://github.com/web-platform-tests/wpt/pull/38672

Description yisibl 2023-02-23 03:15:02 PST

I tested and found that Safari loses animation in the shorthand property.

In this demo[1], the 1nd and 3th ones lose animation, and the 5th one has no background color.

[1]: https://codepen.io/yisi/pen/NWLxLvB?editors=0100

Comment 1 yisibl 2023-02-23 03:15:56 PST

Safari Technology Preview 163(Safari 16.4, WebKit 17615.1.18.100.1)

Comment 2 yisibl 2023-02-23 03:34:24 PST

CSS custom properties have been released in Safari 16.4 beta, is there still time to merge it into that version once the bug is fixed?

Comment 3 Antoine Quint 2023-02-23 05:33:56 PST

Pull request: https://github.com/WebKit/WebKit/pull/10575

Comment 4 Antoine Quint 2023-02-23 05:34:16 PST

Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/38672

Comment 5 Antoine Quint 2023-02-23 05:40:44 PST

(In reply to yisibl from comment #2)
> CSS custom properties have been released in Safari 16.4 beta, is there still
> time to merge it into that version once the bug is fixed?

We are aware that this is a valuable bug fix for Safari 16.4. However, we cannot comment on future Safari releases.

Comment 6 EWS 2023-02-23 12:08:43 PST

Committed 260759@main (875f1eabd79a): <https://commits.webkit.org/260759@main>

Reviewed commits have been landed. Closing PR #10575 and removing active labels.

Comment 7 Radar WebKit Bug Importer 2023-02-23 12:09:19 PST

<rdar://problem/105845603>