[csswg-drafts] [css-flex] Min-content sizing currently too smart to be web compatible?

• From: François REMY via GitHub <sysbot+gh@w3.org>
• Date: Fri, 23 Feb 2018 18:13:58 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-299802650-1519409637-sysbot+gh@w3.org>

FremyCompany has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-flex] Min-content sizing currently too smart to be web compatible? ==
Hi css-flexers from all around the world,

I just wanted to report that our attempt to update our flex implementation sizing algorithm to match the spec encountered a few hiccups, but this one seems like the most concerning so far:

> https://wptest.center/#/677dj4 (CSS Flexbox min-content size seems problematic)
> ![image](https://user-images.githubusercontent.com/364405/36609259-1e76af92-1881-11e8-8c6b-1cfb35d9d6e2.png) vs ![image](https://user-images.githubusercontent.com/364405/36609533-fabe1148-1881-11e8-9ab0-b5a93da1f05c.png)

The pattern we are seeing is authors using `<div style="background: url(icon.png); width:32px; height:32px">` in min-content sized/constrained flexboxes, and the icon ends up disappearing because flex-shrink defaults to 1 by default.

I think we should update the specification such that an explicit width acts as a minimum width (even though it could theorically be shrunk).

> 




Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2353 using your GitHub account

Received on Friday, 23 February 2018 18:14:09 UTC