Re: Gecko interprets flex-box styling VERY differently in specific cases

On 12/29/2016 04:45 PM, Daniel Holbert wrote:
> You can work around this behavior by giving the greedy thing
> "min-height:0", to explicitly give it permission to shrink below its
> minimum intrinsic height.  In this case, you need to do that for .app
> and .contbody.

Note: normally you don't want things to shrink below their minimum
intrinsic size, but in the case of an element with a flexible scrollable
thing inside of it, it's OK because the overflowing content inside the
scrollable thing will still be reachable.  That's why it's probably fine
to suppress the magic min-height:auto behavior here.

Note also that the spec has a special case that makes this Just Work for
overflow:scroll things that are direct children of a flex container.
But it doesn't help when the scrollable thing is a grandchild of a flex
container (including when there's a stack of 3 or more flex containers
and the innermost one happens to be scrollable). I brought this up on
the CSSWG mailing list, but right now the only fix is for authors to use
min-width:0/min-height:0 in a targeted way. List reference:
https://lists.w3.org/Archives/Public/www-style/2014Aug/0282.html