Bug 258813

Summary:

Animation using padding-block doesn't override set padding style

Product:

WebKit

Reporter:

mattiasha

Component:

Animations

Assignee:

Antoine Quint <graouts>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

dino, graouts, graouts, koivisto, ntim, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 16

Hardware:

Unspecified

OS:

Unspecified

See Also:

https://github.com/web-platform-tests/wpt/pull/40966

Attachments:

Description	Flags
Safari showing bug	none
Same codepen in chrome (same in firefox)	none

Description mattiasha 2023-07-03 09:54:19 PDT

Created attachment 466913 [details]
Safari showing bug

See codepen: https://codepen.io/emattias/pen/GRwEOwp

In safari the one animating padding-block doesnt animate to 0 like it does in chrome and firefox. See attached video showing the bug in safari.

Comment 1 mattiasha 2023-07-03 09:54:58 PDT

Created attachment 466914 [details]
Same codepen in chrome (same in firefox)

Comment 2 Radar WebKit Bug Importer 2023-07-10 09:55:17 PDT

<rdar://problem/112023856>

Comment 3 Antoine Quint 2023-07-11 05:51:04 PDT

We simply don't support animating the padding-block property. In fact, looking over the code indicates we don't support animation of logical shorthand properties.

Comment 4 Antoine Quint 2023-07-11 06:42:32 PDT

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

Comment 5 Antoine Quint 2023-07-11 06:43:11 PDT

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

Comment 6 EWS 2023-07-11 11:38:35 PDT

Committed 265956@main (f438e854500a): <https://commits.webkit.org/265956@main>

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