ISSUE-140: max-height on flexbox children

max-height on flexbox children

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:
How does max-height on items affect alignment and box height?

Current implementation treat it inconsistently. In one implementation setting max-height on a child limits height of the flexbox.

Proposal:
max-height *should* be honored, and have no special effect on any other child or the flexbox as a whole.
(details of alignment behavior need to be worked out, specifically interactino of max-height with box-align:stretch)

Related Actions Items:
No related actions
Related emails:
  1. [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)
  2. Re: [css3-flexbox] issues resolved in FTF (from jackalmage@gmail.com on 2010-08-25)
  3. [css3-flexbox] issues resolved in FTF (from alexmog@microsoft.com on 2010-08-25)
  4. ISSUE-140: max-height on flexbox children (from sysbot+tracker@w3.org on 2010-08-23)

Related notes:

Resolved @FTF:
On a child of a flexbox , ‘max-length’ specified in transverse direction (‘max-height’ in horizontal flexbox or ‘max-width’ in vertical flexbox) has the effect of limiting the size of the element. It changes the effective size of the element for the purposes of calculating the size of the flexbox; it has no unusual effects beyond that.
If in a flexbox with “box-align:stretch” one or more children have ‘max-height’ or ‘max-width’ that make their dimension in transverse direction smaller than other children, such children are aligned as if with “box-align:before”

Alex Mogilevsky, 25 Aug 2010, 09:00:10

Display change log ATOM feed


Alan Stearns <stearns@adobe.com>, Rossen Atanassov <ratan@microsoft.com>, Chairs, Chris Lilley <chris@w3.org>, Fuqiao Xue <xfq@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: 140.html,v 1.1 2020/01/17 10:39:02 carcone Exp $