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:
- Re: [css3-flexbox] anonymous flexbox children (from firstname.lastname@example.org on 2011-02-28)
- Re: [css3-flexbox] anonymous flexbox children (from email@example.com on 2011-02-23)
- [CSSWG] Minutes and Resolutions Oslo F2F 2010 Tuesday: GCPM, MQ, Flexbox, Multicol, box-shadow, Publications, Future F2Fs (from firstname.lastname@example.org on 2010-08-31)
- Re: [css3-flexbox] issues resolved in FTF (from email@example.com on 2010-08-25)
- [css3-flexbox] issues resolved in FTF (from firstname.lastname@example.org on 2010-08-25)
- ISSUE-145: inline-block children of flexbox (from email@example.com on 2010-08-23)
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.
Spec now says that each element (including anonymous inlines) becomes a flex item.Elika Etemad, 19 Jan 2013, 01:13:32
Display change log