Skip to content

Commit d39e38f

Browse files
committed
merge
2 parents 1aecb56 + 4422c6e commit d39e38f

8 files changed

Lines changed: 1264 additions & 1367 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 51 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -802,7 +802,7 @@ Implied Minimum Size of Flex Items</h3>
802802
<dl dfn-type=value dfn-for="min-width, min-height">
803803
<dt><dfn>auto</dfn>
804804
<dd>
805-
On a <a>flex item</a> whose 'overflow' is not ''overflow/visible'',
805+
On a <a>flex item</a> whose 'overflow' is ''overflow/visible'',
806806
this keyword specifies as the minimum size the smaller of:
807807

808808
<ul>
@@ -1958,41 +1958,9 @@ Flex Baselines</h3>
19581958
When <a href="http://www.w3.org/TR/CSS21/tables.html#height-layout">determining the baseline of a table cell</a>,
19591959
a flex container provides a baseline just as a line box or table-row does. [[!CSS21]]
19601960

1961-
<div class='note'>
1962-
<p>
1963-
CSS 2.1 did not define the baseline of block or table boxes.
1964-
It is expected that they will be defined consistent with those of <a href="http://www.w3.org/TR/CSS2/tables.html#height-layout">table cells</a>,
1965-
as follows:
1966-
1967-
<dl>
1968-
<dt>''block''
1969-
<dt>''list-item''
1970-
<dd>
1971-
<p>
1972-
The inline-axis baseline of a block is the baseline of the first in-flow line box in the block,
1973-
or the first in-flow block-level child in the block that has a baseline,
1974-
whichever comes first.
1975-
If there is no such line box or child,
1976-
then the block has no baseline.
1977-
For the purposes of finding a baseline,
1978-
in-flow boxes with a scrolling mechanisms (see the 'overflow' property)
1979-
must be considered as if scrolled to their origin position.
1980-
1981-
<p>
1982-
A block has no block-axis baseline.
1983-
1984-
<dt>''table''
1985-
<dd>
1986-
<p>
1987-
The inline-axis baseline of a table box is the baseline of its first row.
1988-
However, when calculating the baseline of an inline-block,
1989-
table boxes must be skipped.
1990-
1991-
<p>
1992-
The block-axis baseline of a table is undefined.
1993-
</dl>
1994-
</div>
1995-
1961+
<p>
1962+
See <a href="http://www.w3.org/TR/css3-align/#baseline-rules">Baseline Rules</a>
1963+
in [[CSS3-ALIGN]] for more information on baseline alignment.
19961964

19971965

19981966
<h2 id='layout-algorithm'>
@@ -2210,9 +2178,16 @@ Cross Size Determination</h3>
22102178
find the largest outer <i>hypothetical cross size</i>.
22112179

22122180
<li>
2213-
The used cross-size of the flex line is the largest of the numbers found in the previous two steps and zero.
2181+
The used cross-size of the <a>flex line</a> is the largest of the numbers found in the previous two steps and zero.
2182+
2183+
If the flex container has only one flex line
2184+
(even if it's a multi-line flex container),
2185+
then clamp the line's cross-size to be within the container's computed min and max cross-size properties.
2186+
<span class='note'>Note that if CSS 2.1's definition of min/max-width/height applied more generally,
2187+
this behavior would fall out automatically.</span>
22142188
</ol>
22152189

2190+
22162191
<li id='algo-line-stretch'>
22172192
<strong>Handle 'align-content: stretch'.</strong>
22182193
If the flex container has a <i>definite</i> cross size,
@@ -2814,10 +2789,47 @@ Morten Stenshorne,
28142789
Christian Stockwell,
28152790
Ojan Vafai,
28162791
Eugene Veselov,
2792+
Greg Whitworth,
28172793
Boris Zbarsky.
28182794

28192795
<h2 class="no-num" id="changes">Changes</h2>
28202796

2797+
<h3 id="changes-20140325">
2798+
Changes since the 25 March 2014 LCWD</h3>
2799+
2800+
The following significant changes were made since the
2801+
<a href="http://www.w3.org/TR/2014/WD-css-flexbox-1-20140325/">25 March 2014 Last Call Working Draft</a>:
2802+
2803+
<ul>
2804+
<li id="change-20140325-min-auto-not">
2805+
Fixed typo in definition of ''min-height/min-width: auto''.
2806+
2807+
<blockquote>
2808+
On a <a>flex item</a> whose 'overflow' is <del>not</del> ''overflow/visible'',
2809+
</blockquote>
2810+
2811+
<li id="change-20140325-clamp-single-line">
2812+
Clamp a single line flexbox's line cross size to the container's own min/max,
2813+
even when the container's size is indefinite.
2814+
(Matches Blink's behavior.)
2815+
2816+
<blockquote>
2817+
<ul>
2818+
<li>
2819+
The used cross-size of the <a>flex line</a> is the largest of the numbers found in the previous two steps and zero.
2820+
2821+
<p><ins>If the flex container has only one flex line
2822+
(even if it's a multi-line flex container),
2823+
then clamp the line's cross-size to be within the container's computed min and max cross-size properties.
2824+
<span class='note'>Note that if CSS 2.1's definition of min/max-width/height applied more generally,
2825+
this behavior would fall out automatically.</span></ins>
2826+
</ul>
2827+
</blockquote>
2828+
2829+
</ul>
2830+
2831+
A <a href="http://dev.w3.org/csswg/css3-flexbox/issues-lc-20140325/">Disposition of Comments</a> is available.
2832+
28212833
<h3 id="changes-2012">
28222834
Changes since the 18 September 2012 Candidate Recommendation</h3>
28232835

@@ -2945,7 +2957,7 @@ Changes since the 18 September 2012 Candidate Recommendation</h3>
29452957
<blockquote>
29462958
<ins>
29472959
<!--
2948-
<h3 id='intrinsic-sizes'>
2960+
<h3 id="intrinsic-sizes">
29492961
Intrinsic Sizes</h3>
29502962
-->
29512963
<p>
@@ -3236,4 +3248,4 @@ Changes since the 18 September 2012 Candidate Recommendation</h3>
32363248
</blockquote>
32373249
</ul>
32383250

3239-
<p>A <a href="http://dev.w3.org/csswg/css3-flexbox/issues-cr-2012">Disposition of Candidate Recommendation Comments</a> is available.
3251+
A <a href="http://dev.w3.org/csswg/css3-flexbox/issues-cr-2012">Disposition of Candidate Recommendation Comments</a> is available.

0 commit comments

Comments
 (0)