Re: [csswg-drafts] [css-sizing] How to handle min-content being bigger than max-content? (#12076)

Similar example with flexbox (based on [/css/css-flexbox/intrinsic-size/row-wrap-002.tentative.html](https://github.com/web-platform-tests/wpt/blob/ee13c18d3088687e88fab6480cb3bebb0fd2c1d0/css/css-flexbox/intrinsic-size/row-wrap-002.tentative.html))

```html
<!DOCTYPE html>
<style>.flex { display: flex; flex-wrap: wrap; height: 50px; border: solid }</style>
<div class="flex" style="width: min-content">
  <div style="width: 50px"></div>
  <div style="margin-left: -25px"></div>
</div>
<div class="flex" style="width: max-content">
  <div style="width: 50px"></div>
  <div style="margin-left: -25px"></div>
</div>
```

Unlike for block containers, Blink now floors the max-content instead of ceiling the min-content.

| Firefox, Servo | Blink, WebKit |
| - | - |
| ![](https://github.com/user-attachments/assets/538e2697-266e-44c9-80fe-82568ef65278) | ![](https://github.com/user-attachments/assets/e5e87d6d-c803-4918-81de-e90c046ea608) |




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


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

Received on Wednesday, 16 April 2025 00:11:44 UTC