Skip to content
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

[css-sizing-4] How to interpolate contain-intrinsic-size: auto 10px to 20px #6566

Open
cbiesinger opened this issue Sep 1, 2021 · 2 comments

Comments

@cbiesinger
Copy link

https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override

let's say we are interpolating from
contain-intrinsic-size: auto 10px
to
contain-intrinsic-size: 20px
(ie. only one of them has the keyword)

How should it be interpolated? Should the entire thing flip at 50%, or should just "auto" flip at 50% and the length be interpolated linearly?

@flackr

@flackr
Copy link
Contributor

flackr commented Sep 2, 2021

My understanding is that given auto <length> is a separate kind of value type, it should not be interpolable if the auto value does not match on both sides. I.e. the entire thing (both auto and length) should flip at 50%.

In general, we don't interpolate from auto values to non-auto values, see width example, so if we did interpolate the length and flip the auto you would end up animating from a value that the user never saw if it was using the auto value.

@tabatkins
Copy link
Member

Yeah, I think that's the right reasoning here. The whole thing should be discrete in this case.

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

3 participants