- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Sun, 27 Apr 2025 23:15:30 +0000
- To: public-css-archive@w3.org
https://drafts.csswg.org/css-flexbox-1/#intrinsic-cross-sizes > The [min-content](https://drafts.csswg.org/css-sizing-3/#min-content)/[max-content](https://drafts.csswg.org/css-sizing-3/#max-content) [cross size](https://drafts.csswg.org/css-flexbox-1/#cross-size) of a [single-line](https://drafts.csswg.org/css-flexbox-1/#single-line-flex-container) [flex container](https://drafts.csswg.org/css-flexbox-1/#flex-container) is the largest [min-content contribution](https://drafts.csswg.org/css-sizing-3/#min-content-contribution)/[max-content contribution](https://drafts.csswg.org/css-sizing-3/#max-content-contribution) (respectively) of its [flex items](https://drafts.csswg.org/css-flexbox-1/#flex-item). But that's not the minimum that Blink is using, since here the container gets an inner height of 80px, not 50px: ```html <!DOCTYPE html> <div style="display: flex; min-height: min-content; height: 10px; border: solid 3px; place-items: baseline; line-height: 20px"> <div style="background: lime; min-height: 50px">hi there</div> <div style="background: magenta; min-height: 50px; align-content: end">hi there</div> </div> ``` -- GitHub Notification of comment by Loirooriol Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12123#issuecomment-2833687608 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Sunday, 27 April 2025 23:15:31 UTC