[css-flexbox] anonymous flex item from contiguous table cells

• From: Alan Stearns <stearns@adobe.com>
• Date: Mon, 13 Oct 2014 22:46:21 +0000
• To: www-style list <www-style@w3.org>
• Message-ID: <D061A4FA.446BD%stearns@adobe.com>

The flex items section [1] has a note that says that contiguous child
elements with ‘display:table-cell’ have their anonymous table wrapper box
become a flex item. But notes are not normative, and I don’t see any other
text that covers this example. Perhaps the note should just be promoted to
normative text?

I’m assuming this happens in step 0 of the algorithm [2], before
reordering. If that’s the case, then there’s a bug in Chrome. Given this
markup:

<div class="container">
(
<div class="cell A">A</div>
<div class="cell B">B</div>
)
</div>


With this style:

.container {
  display: -webkit-flex;
}
.B {
  order: -1;
}
.cell {
  display: table-cell;
}


Chrome outputs B(A). All the other browsers correctly (I think) output
(AB).

Thanks,

Alan

[1] http://dev.w3.org/csswg/css-flexbox/#flex-items

[2] http://dev.w3.org/csswg/css-flexbox/#algo-anon-box

Received on Monday, 13 October 2014 22:46:53 UTC