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

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.

~TJ

Received on Thursday, 12 July 2012 20:52:50 UTC