- From: Alan Stearns <stearns@adobe.com>
- Date: Mon, 13 Oct 2014 22:52:04 +0000
- To: www-style list <www-style@w3.org>
On 10/13/14, 3:46 PM, "Alan Stearns" <stearns@adobe.com> wrote:
>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;
Sorry, the -webkit was left over from Safari testing, where the order
appears correct. To see the bug in Chrome, remove the prefix.
>}
>.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:52:33 UTC