ISSUE-145: inline-block children of flexbox

inline-block children of flexbox

State:
CLOSED
Product:
CSS3 Flexbox
Raised by:
Alex Mogilevsky
Opened on:
2010-08-23
Description:
Summary
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.

Proposal
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 jackalmage@gmail.com on 2011-02-28)
  2. Re: [css3-flexbox] anonymous flexbox children (from jackalmage@gmail.com on 2011-02-23)
  3. [CSSWG] Minutes and Resolutions Oslo F2F 2010 Tuesday: GCPM, MQ, Flexbox, Multicol, box-shadow, Publications, Future F2Fs (from fantasai.lists@inkedblade.net on 2010-08-31)
  4. Re: [css3-flexbox] issues resolved in FTF (from jackalmage@gmail.com on 2010-08-25)
  5. [css3-flexbox] issues resolved in FTF (from alexmog@microsoft.com on 2010-08-25)
  6. ISSUE-145: inline-block children of flexbox (from sysbot+tracker@w3.org 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

Changelog:

Created issue 'inline-block children of flexbox' nickname owned by Alex Mogilevsky on product , description 'Summary
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.

Proposal
Inline-block element children of a flexbox should become blocks.
Inline element children should be wrapped in anonymous blocks with runs of plain text
' non-public

Alex Mogilevsky, 23 Aug 2010, 09:20:06

Product changed to CSS3 Flexbox

Alex Mogilevsky, 23 Aug 2010, 09:21:35

Status changed to 'open'

Alex Mogilevsky, 23 Aug 2010, 09:22:18

Status changed to 'closed'

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

Status changed to 'open'

Alex Mogilevsky, 3 Sep 2010, 00:03:10

Status changed to 'closed'

Elika Etemad, 19 Jan 2013, 01:16:02


Peter Linss <peter.linss@hp.com>, Daniel Glazman <daniel.glazman@disruptive-innovations.com>, Chairs, Chris Lilley <chris@w3.org>, Bert Bos <bert@w3.org>, Staff Contacts
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <w3t-sys@w3.org>.
$Id: index.php,v 1.325 2014-09-10 21:42:02 ted Exp $