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

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

From: Ojan Vafai <ojan@chromium.org>
Date: Thu, 12 Jul 2012 12:19:06 -0700
Message-ID: <CANMdWTvyYXC4zmxkAv_JkZ=gC=kApaEVT6UZAiK_FL6T5xKkWQ@mail.gmail.com>
To: www-style@w3.org
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.
Received on Thursday, 12 July 2012 19:19:54 GMT

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