Re: [csswg-drafts] Should `min-content` really include the width/height of `flex-basis: 0%` scrollable items? (#12182)

Thank you for replying @Loirooriol!

> This is in conflict with constraint (1), so I'm going to ignore it.

How so?

> You are using height: calc-size(min-content, max(size, 100vh - 20px));
> That will of course not enforce both of your max constraints. You need min() instead of max().
> Also, no need for calc-size(), just use the good old max-height: calc(100vh - 20px);

You're right that I overcomplicated the example. Sure, I can replace both the `height` and `max-height` with `max-height: calc(100vh - 20px)`, but then I would need something like `min-height: min-content` to ensure this doesn't happen when the viewport's height gets too small:

![Image](https://github.com/user-attachments/assets/697eb49d-a0cf-45ce-84fd-606103583eeb)

But we're back to the same problem, because `min-content` returns the height of the whole content in the scroll area, rather than however small it's allowed to get.

> Yeah, no browser supports `min-content` and `max-content` being different in the block axis.

That's a shame. The way you phrase it seems to imply that it's not necessarily what the spec says?

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


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

Received on Tuesday, 13 May 2025 00:14:30 UTC