Skip to content

[css-grid-2] Animation / interpolate grid-auto-columns and grid-auto-rows #9440

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
flackr opened this issue Oct 4, 2023 · 1 comment
Closed

Comments

@flackr
Copy link
Contributor

flackr commented Oct 4, 2023

In #3201 there were specific animation type rules added for grid-template-columns and grid-template-rows. In https://crbug.com/1365967 @bramus raised a use case where it would be nice to interpolate grid-auto-columns and grid-auto-rows.

It doesn't look like any browser supports this today, based on my simple demo but I don't see why we shouldn't support interpolating the auto properties as well. Given the syntax is only <track-size>+ I think the animation type may need to be:

  Animation type: if the list lengths match, by computed value type per item; discrete otherwise

Unless per item animation is already implied by the animation type of a list of track sizes?

@fantasai

@flackr flackr added the css-grid-2 Subgrid; Current Work label Oct 4, 2023
@tabatkins tabatkins added css-grid-1 css-grid-2 Subgrid; Current Work and removed css-grid-2 Subgrid; Current Work labels Oct 30, 2023
@tabatkins
Copy link
Member

It's already marked as animatable, and lists should default to animating in that fashion. But we went ahead and clarified this based on your comment. ^_^

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants