Re: [csswg-drafts] [css-grid] Grid Item Position Transitions (#6736)

I'm wary of special casing grid for this. It seems to me to be just as common to want to animate flex box etc.

In general I think it would be great if browsers could interpolate between layouts since the browser already knows the before and after positions of the elements when updating layout. Doing it in JS requires recording the positions of each element before and after and generating appropriate `transform` animations.

(Not only that, if you get an update while the previous animations are still in play, you need to temporarily disable the animations so you can accurately get the un-animated end position--something which an API to get the un-animated computed style could help with.)

See https://twitter.com/mhartington/status/1449031009052368896 for a recent example of this use case.

I believe [shared element transitions](https://github.com/WICG/shared-element-transitions) is the first step in that direction but it would be great to see what use cases are not well served by that and consider how we might address them in future.

-- 
GitHub Notification of comment by birtles
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6736#issuecomment-945219799 using your GitHub account


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

Received on Sunday, 17 October 2021 23:50:53 UTC