Re: [css-flexbox] Flex box does not respect inline children/groupings

On Wed, Feb 19, 2014 at 8:59 AM, Tab Atkins Jr. <> wrote:
> On Tue, Feb 18, 2014 at 6:29 PM, Andrew Fedoniouk
> <> wrote:
>> According to this document
>> (non-normative I believe though) <button> and <input> are
>> *inline-block* elements. And Eric was asking about purely display:inline
>> elements that do not generate boxes by themselves.
> They're display:inline in HTML's style sheet.

I see this:

button, textarea,
input, select   { display: inline-block }


Do you use other document? Which one?

> (And it doesn't matter - inline-block is still an inline-level box,
> same as display:inline itself.)

I am not sure I understand you be honest.
inline-block establishes box, inline element is a run of
glyphs/inline-elements - is not a box by itself.

>> I think that inline elements should stay inline - flexbox shall not
>> try to change "boxing nature" of its children.
> We're not changing this behavior, for the reasons I gave in my previous message.

When you apply flexbox on span's container that span gets
treated as boxed element loosing its display:inline nature.

Check this,

      div.flex { display:flex; }
      div span { border: 1px solid; }
    <script type="text/tiscript"></script>
    The <span>quick brown fox jumps over the lazy</span> dog
  <div class="flex">
    The <span>quick brown fox jumps over the lazy</span> dog

two divs here should be rendered in the same way.
That's what Eric was asking about I believe.

Andrew Fedoniouk.

Received on Wednesday, 19 February 2014 21:48:29 UTC