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 13:57:21 -0700
Message-ID: <CAAWBYDBsghZw6oKHYgvaJ5y=AwGciJcYuE_PH2VfcLvSkfM4Yw@mail.gmail.com>
To: Ojan Vafai <ojan@chromium.org>
Cc: www-style@w3.org
On Thu, Jul 12, 2012 at 1:54 PM, Ojan Vafai <ojan@chromium.org> wrote:
> On Thu, Jul 12, 2012 at 1:52 PM, Tab Atkins Jr. <jackalmage@gmail.com>
> wrote:
>> On Thu, Jul 12, 2012 at 1:27 PM, Ojan Vafai <ojan@chromium.org> wrote:
>> > On Thu, Jul 12, 2012 at 12:38 PM, Tab Atkins Jr. <jackalmage@gmail.com>
>> > wrote:
>> >> 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".
>> >
>> > What's an example?
>>
>> Take your second example, except fill it with a decent paragraph worth
>> of text instead of two small inline-blocks.  Now, the minimum height
>> is achieved by taking every linebreak and making it ridiculously wide.
>
>
> Isn't that exactly what it means in a horizontal writing-mode width context
> as well (i.e. you get a really tall item)? What's different about the fact
> that it's a height?

In general, we don't expect a declared height to cause children to
change their widths.  That gets the usual cause-and-effect of
width/height backwards.

~TJ
Received on Thursday, 12 July 2012 20:58:09 GMT

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