Skip to content

Commit f19faec

Browse files
committed
[css3-flexbox] Clarify that 'align-self:stretch' only works on computed-time ''auto'', not things like a percentage that causes auto behavior at used-value time.
1 parent dd50069 commit f19faec

2 files changed

Lines changed: 10 additions & 2 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3270,7 +3270,7 @@ <h3 id=cross-sizing><span class=secno>9.4. </span> Cross size determination</h3>
32703270

32713271
<li id=algo-stretch> <strong>Determine the used cross size of each flex
32723272
item.</strong> If a flex item has ‘<code class=css>align-self:
3273-
stretch</code>’, its cross size property is ‘<code
3273+
stretch</code>’, its computed cross size property is ‘<code
32743274
class=css>auto</code>’, and neither of its cross-axis margins are
32753275
<code class=css>auto</code>’, the used outer cross size is the used
32763276
cross size of its flex line, clamped according to the item's min and max
@@ -3965,6 +3965,11 @@ <h2 class=no-num id=changes>Changes</h2>
39653965
<li> Correct an omission in the flex-line size determination, so a
39663966
single-line flexbox will size to its contents if it doesn't have a
39673967
definite size.
3968+
3969+
<li> Clarify that ‘<a href="#align-content-stretch"><code
3970+
class=property>stretch</code></a>’ checks for the <em>computed</em>
3971+
value of the cross-size property, which means that percentages that can't
3972+
be resolved at computed-value time aren't stretched.
39683973
</ul>
39693974

39703975
<p>A <a

css3-flexbox/Overview.src.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2557,7 +2557,7 @@ <h3 id='cross-sizing'>
25572557
<li id='algo-stretch'>
25582558
<strong>Determine the used cross size of each flex item.</strong>
25592559
If a flex item has ''align-self: stretch'',
2560-
its cross size property is ''auto'',
2560+
its computed cross size property is ''auto'',
25612561
and neither of its cross-axis margins are ''auto'',
25622562
the used outer cross size is the used cross size of its flex line,
25632563
clamped according to the item's min and max cross size properties.
@@ -3265,6 +3265,9 @@ <h2 class="no-num" id="changes">Changes</h2>
32653265

32663266
<li>
32673267
Correct an omission in the flex-line size determination, so a single-line flexbox will size to its contents if it doesn't have a definite size.
3268+
3269+
<li>
3270+
Clarify that 'stretch' checks for the <em>computed</em> value of the cross-size property, which means that percentages that can't be resolved at computed-value time aren't stretched.
32683271
</ul>
32693272

32703273
<p>A <a href="http://dev.w3.org/csswg/css3-flexbox/issues-lc-2012">Disposition of Last Call Comments</a> is available.

0 commit comments

Comments
 (0)