flex-item-align:stretch can only change item with 'auto' preferred size and it can only stretch them, not shrink

Mon, 12 Mar 2012 01:34:37 -0700

author
Alex Mogilevsky <alexmog@microsoft.com>
date
Mon, 12 Mar 2012 01:34:37 -0700
changeset 4731
802c601e4ec0
parent 4730
31a77ffed8db
child 4732
a61a28fbe597

flex-item-align:stretch can only change item with 'auto' preferred size and it can only stretch them, not shrink

css3-flexbox/Overview.src.html file | annotate | diff | comparison | revisions
     1.1 --- a/css3-flexbox/Overview.src.html	Mon Mar 12 00:35:49 2012 -0700
     1.2 +++ b/css3-flexbox/Overview.src.html	Mon Mar 12 01:34:37 2012 -0700
     1.3 @@ -1049,12 +1049,19 @@
     1.4  
     1.5  		<li>If the flexbox doesn't have a definite cross size, the cross size of its content box is the sum of the cross sizes of all of its lines.</li>
     1.6  
     1.7 -		<li>Determine the final cross size of each flexbox item.  For each flexbox item, if it has ''flex-item-align:stretch'', its final cross size is 
     1.8 -		set so that its margin-box cross size is equal to cross-size of its flexbox line.  For all other flexbox items, its final cross size is its hypothetical cross size. 
     1.9 -		If the result conflicts with &#39;min-width&#39;, &#39;max-width&#39;, &#39;min-height&#39; or 
    1.10 -		&#39;max-height&#39;, correct the result to comply the restrictions.</li>
    1.11 -		<p class="issue">'auto' height must only grow, not shrink here</p>
    1.12 -
    1.13 +		<li>
    1.14 +		<p>Determine the final cross size of each flexbox item.
    1.15 +			<ol>
    1.16 +				<li>If a flexbox item has ''flex-item-align:stretch&#39;&#39; and its 
    1.17 +				preferred cross size is &#39;auto and its margin-box cross size is 
    1.18 +				smaller than cross-size of its flexbox line, its final cross size is 
    1.19 +				set so that its margin-box cross size is equal to cross-size of its flexbox line.
    1.20 +				<li>For all other flexbox items, its final cross size is its hypothetical cross size. 
    1.21 +				</li>
    1.22 +				<li>If the resulting cross size of any item conflits with &#39;min-width&#39;, &#39;max-width&#39;, &#39;min-height&#39; or 
    1.23 +				&#39;max-height&#39;, correct the result to comply with the restrictions.</li>
    1.24 +			</ol>
    1.25 +		</li>
    1.26  		<li>Resolve &#39;auto&#39; margins on cross axis. For each flexbox item, if its 
    1.27  		margin box cross size is smaller than cross size of its line and it has 
    1.28  		any margins in cross direction set to &#39;auto&#39;, distribute the difference 

mercurial