New issue
Advanced search Search tips

Issue 775263 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 596743
Owner:
Closed: Sep 27
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

Chrome incorrectly shrinks flex container (as flex item) despite it having tall child & 'min-height:auto'

Project Member Reported by dholb...@gmail.com, Oct 16 2017

Issue description

Chrome Version: 63.0.3230.0 (Official Build) dev (64-bit)
OS: Ubuntu 17.04

What steps will reproduce the problem?
(1) Load https://jsfiddle.net/op6m2cwf/

What is the expected result?
There should be some lime coloring visible. (The div with class="inner" should be 100px tall.)

What happens instead?
No lime is visible. (The div with class="inner" is 0px tall)

Notes:
The lime div (with class="inner") plays the role of a flex item in the outer (vertical) flex container.  This means its default "min-height:auto" gets special treatment which depends on its content size -- and specifically, it should refuse to be any smaller than its content height, even though its 0-height flex container will try to shrink it.
https://drafts.csswg.org/css-flexbox-1/#min-size-auto

But for some reason, Chrome does shrink it.

Firefox 56 and Edge 15 give "expected results".
 

Comment 1 by dholb...@gmail.com, Oct 16 2017

Cc: cbiesin...@chromium.org
Components: Blink>Layout>Flexbox

Comment 2 by kdub...@mozilla.com, Oct 16 2017

Labels: Hotlist-Interop

Comment 3 by kdub...@mozilla.com, Oct 16 2017

Cc: rbyers@chromium.org
Rick, here an opportunity of breaking change. ;)

Comment 4 by e...@chromium.org, Oct 17 2017

Owner: cbiesin...@chromium.org
Status: Assigned (was: Untriaged)

Comment 5 by dholb...@gmail.com, Nov 6 2017

Possibly dupe of  bug 596743 ?
Mergedinto: 596743
Status: Duplicate (was: Assigned)

Sign in to add a comment