- From: Daniel Holbert via GitHub <sysbot+gh@w3.org>
- Date: Mon, 06 Nov 2017 22:20:41 +0000
- To: public-css-archive@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