ISSUE-145: inline-block children of flexbox

inline-block children of flexbox

CSS3 Flexbox
Raised by:
Alex Mogilevsky
Opened on:
Inline-block children of a flexbox may or may not be separate flex items. Spec is not clear and implementations disagree.

Current draft says "Inline children of a flexible box are wrapped in anonymous blocks. All other children are block-level."
That is somewhat ambiguous, as inline-block children can be considered inline and wrapped into inline content (Webkit behavior) or considered block (Mozilla behavior).

By default buttons and images are inline blocks, which makes Webkit behaivior very counter-intuitive.

Tab's draft suggests that any element children of a flexbox become blocks, which is pretty clear but probably too extreme.

Inline-block element children of a flexbox should become blocks.
Inline element children should be wrapped in anonymous blocks with runs of plain text
Related Actions Items:
No related actions
Related emails:
  1. Re: [css3-flexbox] anonymous flexbox children (from on 2011-02-28)
  2. Re: [css3-flexbox] anonymous flexbox children (from on 2011-02-23)
  3. [CSSWG] Minutes and Resolutions Oslo F2F 2010 Tuesday: GCPM, MQ, Flexbox, Multicol, box-shadow, Publications, Future F2Fs (from on 2010-08-31)
  4. Re: [css3-flexbox] issues resolved in FTF (from on 2010-08-25)
  5. [css3-flexbox] issues resolved in FTF (from on 2010-08-25)
  6. ISSUE-145: inline-block children of flexbox (from on 2010-08-23)

Related notes:

Resolved @FTF:
Change how non-block children of flexbox are handled
Before: all inline content (including text, inline elements, inline blocks) is wrapped in to anonymous blocks. Then these anonymous blocks become individual flexbox items.
After: only *non-replaced* inline elements are wrapped into anonymous blocks. Replaced elements (such as buttons and images) are always individual flexbox items.

Alex Mogilevsky, 25 Aug 2010, 11:17:37

Spec now says that each element (including anonymous inlines) becomes a flex item.

Elika Etemad, 19 Jan 2013, 01:13:32

Display change log ATOM feed

Alan Stearns <>, Rossen Atanassov <>, Chairs, Chris Lilley <>, Fuqiao Xue <>, Staff Contacts
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <>.
$Id: 145.html,v 1.1 2020/01/17 10:39:04 carcone Exp $