W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2017

Re: [csswg-drafts] [css-flexbox] Non-interop with shrinking images

From: Daniel Holbert via GitHub <sysbot+gh@w3.org>
Date: Mon, 06 Nov 2017 22:20:41 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-342307410-1510006840-sysbot+gh@w3.org>
(I didn't notice the `p { ...flex: 1}` at first -- the behavior makes more sense in light of that.)

So, there's really just one main Firefox quirk here:  we're treating the `img` as having `min-width:0` (i.e. we're resolving its `auto` to `0`).  This is because our implementation is from an older version of the spec text, which explicitly said to resolve min-width:auto to 0 for elements with an intrinsic aspect ratio.  [Bug 1136312](https://bugzilla.mozilla.org/show_bug.cgi?id=1136312) is filed on updating that.  This Firefox behavior will change once we fix that bug.

Here's a version of the codepen with explicit "min-width:0" to make other browsers match that behavior:
https://codepen.io/anon/pen/BmLaZK

With that tweak, Firefox and Edge agree on the rendering, I think. (Chrome doesn't quite agree -- it doesn't honor the aspect ratio at all as the image shrinks, whereas Firefox/Edge honor the aspect ratio up until the point where the "C C C" is the tallest thing and forces the image to that height via `align-self:stretch`)

-- 
GitHub Notification of comment by dholbert
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1322#issuecomment-342307410 using your GitHub account
Received on Monday, 6 November 2017 22:20:42 UTC

This archive was generated by hypermail 2.3.1 : Monday, 6 November 2017 22:20:43 UTC