Skip to content

Commit 8d150eb

Browse files
committed
[css-flexbox] Specify that auto cross-size of flexbox containers is still clamped by min/max-size.
1 parent b602956 commit 8d150eb

2 files changed

Lines changed: 13 additions & 5 deletions

File tree

css-flexbox/Overview.html

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@
202202
</a></p>
203203
<h1 class="p-name no-ref" id=title>CSS Flexible Box Layout Module Level 1</h1>
204204
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
205-
<span class=dt-updated><span class=value-title title=20131029>29 October 2013</span></span></span></h2>
205+
<span class=dt-updated><span class=value-title title=20131030>30 October 2013</span></span></span></h2>
206206
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-flexbox/>http://dev.w3.org/csswg/css-flexbox/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-flexbox/>http://www.w3.org/TR/css3-flexbox/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-flexbox/>http://dev.w3.org/csswg/css-flexbox/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/ rel=previous>http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/ rel=previous>http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/ rel=previous>http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/</a><dd><a href=http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/ rel=previous>http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/</a><dd><a href=http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/ rel=previous>http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/</a><dd><a href=http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/ rel=previous>http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/</a>
207207
<dt>Feedback:</dt>
208208
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-flexbox%5D%20feedback">www-style@w3.org</a>
@@ -779,7 +779,8 @@ <h3 class="heading settled heading" data-level=4.4 id=visibility-collapse><span
779779
</p><figure>
780780
<figcaption>Sample rendering for example code below</figcaption>
781781
<div id=visibility-collapse-example>
782-
<nav>
782+
783+
<nav>
783784
<ul>
784785
<li id=nav-about><a class=self-link href=#nav-about></a><a href=#nav-about>About</a>
785786
<ul>
@@ -1085,6 +1086,8 @@ <h3 class="heading settled heading" data-level=5.4 id=order-property><span class
10851086
Unless otherwise specified by a future specification,
10861087
this property has no effect on elements that are not <a data-link-type=dfn href=#flex-item title="flex items">flex items</a>.
10871088

1089+
1090+
10881091
<h4 class="heading settled heading" data-level=5.4.1 id=order-accessibility><span class=secno>5.4.1 </span><span class=content>
10891092
Reordering and Accessibility</span><a class=self-link href=#order-accessibility></a></h4>
10901093

@@ -1854,7 +1857,8 @@ <h3 class="heading settled heading" data-level=8.5 id=flex-baselines><span class
18541857
from the first item’s content box,
18551858
or, failing that, from the flex container’s content box.
18561859

1857-
</ol>
1860+
1861+
</ol>
18581862

18591863
<dt><dfn data-dfn-type=dfn data-export="" id=cross-axis-baseline>cross-axis baseline<a class=self-link href=#cross-axis-baseline></a></dfn>
18601864
<dd>
@@ -1978,6 +1982,8 @@ <h3 class="heading settled heading" data-level=9.2 id=line-sizing><span class=se
19781982
from the space available to the flex container in that dimension
19791983
and use that value.
19801984
<span class=note>This might result in an infinite value.</span>
1985+
1986+
19811987
<div class=example>
19821988
<p>For example, the <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#available title="available space">available space</a> to a flex item in a
19831989
<a href=http://www.w3.org/TR/CSS21/visuren.html#floats>floated</a> <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a>-sized <a data-link-type=dfn href=#flex-container title="flex container">flex container</a> is:
@@ -2241,7 +2247,8 @@ <h3 class="heading settled heading" data-level=9.6 id=cross-alignment><span clas
22412247

22422248
<li>
22432249
Otherwise,
2244-
use the sum of the flex lines' cross sizes.
2250+
use the sum of the flex lines' cross sizes,
2251+
clamped by the min and max cross size properties.
22452252
</ul>
22462253

22472254
<li id=algo-line-align><a class=self-link href=#algo-line-align></a>

css-flexbox/Overview.src.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2280,7 +2280,8 @@ <h3 id='cross-alignment'>
22802280

22812281
<li>
22822282
Otherwise,
2283-
use the sum of the flex lines' cross sizes.
2283+
use the sum of the flex lines' cross sizes,
2284+
clamped by the min and max cross size properties.
22842285
</ul>
22852286

22862287
<li id='algo-line-align'>

0 commit comments

Comments
 (0)