W3C home > Mailing lists > Public > www-style@w3.org > July 2012

Re: [css3-flexbox] min-height + column + vertical writing mode

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 12 Jul 2012 12:38:11 -0700
Message-ID: <CAAWBYDCsxr1i0+GuX0wJ6Pxehhz=VFK1umRZ=itwuXYyMEasuA@mail.gmail.com>
To: Ojan Vafai <ojan@chromium.org>
Cc: www-style@w3.org
On Thu, Jul 12, 2012 at 12:19 PM, Ojan Vafai <ojan@chromium.org> wrote:
> In the following example, you would want bar to wrap. Instead, the
> min-height: min-content on the flex-item gets 40px and it doesn't wrap
> (right?). This seems like not the behavior we want. The content overflows
> now where it doesn't need to.
>
> <div style="display: flex; flex-direction: column; height: 30px">
>     <div>
>         <div style="writing-mode:vertical-lr;">
>             <div style="display:inline-block; height: 20px;">foo</div>
>             <div style="display:inline-block; height: 20px">bar</div>
>         </div>
>     </div>
> </div>
>
> Not sure if the problem here is defaulting to min-content on column flex
> items or if the problem is with the definition of min-content. The following
> case doesn't really do what you want either:
>
> <div style="min-height: min-content">
>     <div style="writing-mode:vertical-lr;">
>         <div style="display:inline-block; height: 20px;">foo</div>
>         <div style="display:inline-block; height: 20px">bar</div>
>     </div>
> </div>
>
> I don't have a good idea of how to fix this though.

Yes, it's a more general problem, but I'm not sure its generally
fixable.  In many situations you do *not* want "height: min-content;"
to mean "squish down your height as much as possible".

~TJ
Received on Thursday, 12 July 2012 19:38:58 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:56 GMT