Bug 294812 – [view-transitions] Add `animation-delay: inherit` to UA stylesheet

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Ahmad Saleem]

Hi Team,

While just looking across our UA, I noticed that we are missing this bit:

:root::view-transition-image-pair(*) {
  animation-delay: inherit;
}

:root::view-transition-old(*),
:root::view-transition-new(*) {
  animation-delay: inherit;
}

I tried to find, if there is any WPT to see, if it progresses or not but couldn't manage to find. So I am just raising so we can track and if needed, add it.

CCing - Tim & Matt.

Thanks!

[Ahmad Saleem]

Web Specification - https://drafts.csswg.org/css-view-transitions/#ua-styles

[Tim Nguyen (:ntim)]

It was added afterwards which is why it was missed: https://github.com/w3c/csswg-drafts/commit/d1156bc0223b7eafb34167ae9cd0c8e72d6ea9d1

[Tim Nguyen (:ntim)]

You can probably just expand this WPT: https://searchfox.org/wubkat/source/LayoutTests/imported/w3c/web-platform-tests/css/css-view-transitions/style-inheritance.html (see how it's done for animation-duration).

Or wait for Chromium to do it in https://github.com/w3c/csswg-drafts/issues/9817 and import the WPT coverage

[Radar WebKit Bug Importer]

<rdar://problem/154071965>

[Tim Nguyen (:ntim)]

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

[Tim Nguyen (:ntim)]

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

[EWS]

Committed 296501@main (af260479bf09): <https://commits.webkit.org/296501@main>

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