[csswg-drafts] [view-transitions-1] Have the `-image-pair`, `-old`, and `-new` pseudos inherit `animation-delay` (#9817)

bramus has just created a new issue for https://github.com/w3c/csswg-drafts:

== [view-transitions-1] Have the `-image-pair`, `-old`, and `-new` pseudos inherit `animation-delay` ==
I just caught myself doing this in a project I’m working on:

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

I needed to do this to sync up the `animation-delay` from the `::view-transition-group(x)` to its child-pseudos.

```css
::root:view-transition-group(header) {
}
```

I was surprised that this isn’t included in the [UA stylesheet VT styles](https://drafts.csswg.org/css-view-transitions/#ua-styles), especially since the VT UA styles do exactly this for `animation-duration` (and `animation-fill-mode`):

```css
/* UA Stylesheet (selection) */
:root::view-transition-group(*) {
  animation-duration: 0.25s;
}

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

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

I think it would be handy to include `animation-delay: inherit` for the `-image-pair`, `-old`, and `-new` pseudos in the UA stylesheet.


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9817 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 18 January 2024 13:55:43 UTC