ISSUE-141: baseline of an inline-box

baseline of an inline-box

State:
CLOSED
Product:
CSS3 Flexbox
Raised by:
Alex Mogilevsky
Opened on:
2010-08-23
Description:
URL:
http://lists.w3.org/Archives/Public/www-style/2010May/0580.html

Summary:
Where is the baseline of an inline-box?

Option 1:
Baseline of the first flex item, in markup order, in ordinal group with smallest index (in all orientations, directions and alignments)
Similar to inline-table: "The baseline of an 'inline-table' is the baseline of the first row of the table. " (CSS2.1-10.8.1)

Option 2:
Vertical orientation:
Baseline of the first flex item.

Horizontal orientation:
Baseline alignment: the baseline used for alignment.
All other alignments: the bottom margin edge.

Option 3:
Similar to inline-block:
"The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." (CSS2.1-10.8.1)
(this may make sense for a single-item flexbox but not sure how to extend this similarity to multiple items)

Proposal:
option 1
Related Actions Items:
No related actions
Related emails:
  1. Re: [css3-flexbox] Flexbox needs to define where the baseline of a box is (from jackalmage@gmail.com on 2011-02-23)
  2. [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)
  3. Re: [css3-flexbox] issues resolved in FTF (from jackalmage@gmail.com on 2010-08-25)
  4. [css3-flexbox] issues resolved in FTF (from alexmog@microsoft.com on 2010-08-25)
  5. ISSUE-141: baseline of an inline-box (from sysbot+tracker@w3.org on 2010-08-23)

Related notes:

Baseline of a flexbox is the baseline of its first child (in source order, in the first ordinal group). This doesn’t depend on direction, orientation or ‘box-lines’ property.
NOTE: this simple rule may need to be adjusted if use cases are found where getting baseline from the first child is not the best choice. To be updated as needed.

Within a flexbox, baselines of children are determined in the same way as when applying baseline alignment to table cells (baseline of an element with multiple lines of text is the baseline of its first line).

(option 1)

Alex Mogilevsky, 25 Aug 2010, 09:17:16

See http://www.w3.org/TR/css3-flexbox/#flex-baselines

Elika Etemad, 19 Jan 2013, 01:18:06

Changelog:

Created issue 'baseline of an inline-box' nickname owned by Alex Mogilevsky on product , description 'URL:
http://lists.w3.org/Archives/Public/www-style/2010May/0580.html

Summary:
Where is the baseline of an inline-box?

Option 1:
Baseline of the first flex item, in markup order, in ordinal group with smallest index (in all orientations, directions and alignments)
Similar to inline-table: "The baseline of an 'inline-table' is the baseline of the first row of the table. " (CSS2.1-10.8.1)

Option 2:
Vertical orientation:
Baseline of the first flex item.

Horizontal orientation:
Baseline alignment: the baseline used for alignment.
All other alignments: the bottom margin edge.

Option 3:
Similar to inline-block:
"The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." (CSS2.1-10.8.1)
(this may make sense for a single-item flexbox but not sure how to extend this similarity to multiple items)

Proposal:
option 1
' non-public

Alex Mogilevsky, 23 Aug 2010, 09:00:28

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, 09:17:16

Status changed to 'open'

Alex Mogilevsky, 3 Sep 2010, 00:04:28

Status changed to 'closed'

Elika Etemad, 19 Jan 2013, 01:18:11


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.323 2013-12-19 14:47:09 dom Exp $