[csswg-drafts] [css-transitions-2] Should we make `@starting-style` resource-loading aware? (#9967)

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

== [css-transitions-2] Should we make `@starting-style` resource-loading aware? ==
With CSS `@starting-style` you can determine the starting styles. I noticed that for images these are respected, but it only has the wanted visual outcome when the image is readily available - i.e. when loaded from cache.

For images that still need to be loaded first, the visual outcome is different: while the `@starting-style` is respected, authors would want these to only run once the image has been loaded.

Demo: https://codepen.io/bramus/pen/yLwZOqQ

https://github.com/w3c/csswg-drafts/assets/213073/73aa2e1e-eb36-4cef-add2-beb68fbc20d0

A more practical use-case would be a view transition that grows an image on the old page to a full-size image. The author can show a placeholder where the new image would be and have that fade-in once it’s been loaded. This would work there because the new snapshot is a live snapshot.

So, question is: should we make `@starting-style` on certain elements loading aware? Images? Videos? Iframes?

_(Seeing overlap with https://github.com/w3c/csswg-drafts/issues/7467 here …)_

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


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

Received on Thursday, 15 February 2024 21:52:42 UTC