Skip to content

Commit 123ccaf

Browse files
committed
[css-flexbox] Remove the requirement the the flex basis be 'content' for the specified size to be defined.
1 parent 30fb0b3 commit 123ccaf

2 files changed

Lines changed: 34 additions & 4 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -871,8 +871,7 @@ Implied Minimum Size of Flex Items</h3>
871871
<dl>
872872
<dt><var>specified size</var>
873873
<dd>
874-
If the item’s computed 'flex-basis' is ''content''
875-
and its computed <a>main size property</a> is <a>definite</a>,
874+
If the item’s computed <a>main size property</a> is <a>definite</a>,
876875
then the <var>specified size</var> is that size
877876
(clamped by its <a>max main size property</a> if it's <a>definite</a>).
878877
It is otherwise undefined.
@@ -3155,6 +3154,16 @@ Substantive Changes and Bugfixes</h4>
31553154
<ins>and the <a>flex container</a> has a <a>definite</a> <a>main size</a>,</ins>
31563155
the <a>flex item’s</a> <a>main size</a> must be treated as <a>definite</a> ...
31573156
</blockquote>
3157+
3158+
<li id="change-201409-min-auto-specified-size">
3159+
Remove the requirement that the <a>flex basis</a> be ''content'' for the <a>specified size</a> to be defined.
3160+
(The specified size should always win if it is smaller than the intrinsic size.)
3161+
3162+
<blockquote>
3163+
If the item’s <del>computed 'flex-basis' is ''content''
3164+
and its</del> computed <a>main size property</a> is <a>definite</a>,
3165+
then the <var>specified size</var> is that size
3166+
</blockquote>
31583167
</ul>
31593168

31603169
<h4 id="change-201409-clarify">

css-flexbox/Overview.html

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1553,8 +1553,7 @@ <h3 class="heading settled" data-level="4.5" id="min-size-auto"><span class="sec
15531553
<dt><var>specified size</var>
15541554

15551555
<dd>
1556-
If the item’s computed <a class="property" data-link-type="propdesc" href="#propdef-flex-basis">flex-basis</a> is <span class="css">content</span>
1557-
and its computed <a data-link-type="dfn" href="#main-size-property">main size property</a> is <a data-link-type="dfn" href="#definite">definite</a>,
1556+
If the item’s computed <a data-link-type="dfn" href="#main-size-property">main size property</a> is <a data-link-type="dfn" href="#definite">definite</a>,
15581557
then the <var>specified size</var> is that size
15591558
(clamped by its <a data-link-type="dfn" href="#main-size-property">max main size property</a> if it’s <a data-link-type="dfn" href="#definite">definite</a>).
15601559
It is otherwise undefined.
@@ -4661,6 +4660,22 @@ <h4 class="heading settled" id="change-201409-substantive"><span class="content"
46614660
</p>
46624661
</blockquote>
46634662

4663+
4664+
4665+
<li id="change-201409-min-auto-specified-size"><a class="self-link" href="#change-201409-min-auto-specified-size"></a>
4666+
Remove the requirement that the <a data-link-type="dfn" href="#flex-basis">flex basis</a> be <span class="css">content</span> for the <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-images-3/#specified-size">specified size</a> to be defined.
4667+
(The specified size should always win if it is smaller than the intrinsic size.)
4668+
4669+
4670+
<blockquote>
4671+
If the item’s
4672+
<del>computed <a class="property" data-link-type="propdesc" href="#propdef-flex-basis">flex-basis</a> is <span class="css">content</span>
4673+
and its</del>
4674+
computed <a data-link-type="dfn" href="#main-size-property">main size property</a> is <a data-link-type="dfn" href="#definite">definite</a>,
4675+
then the <var>specified size</var> is that size
4676+
4677+
</blockquote>
4678+
46644679

46654680
</ul>
46664681

@@ -6124,6 +6139,10 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
61246139
<li><a href="http://dev.w3.org/csswg/css-display-3/#propdef-display-outside">display-outside</a>
61256140
<li><a href="http://dev.w3.org/csswg/css-display-3/#valdef-display-outside-inline-level">inline-level</a>
61266141
</ul>
6142+
<li><a data-link-type="biblio" href="#biblio-css-images-3">[css-images-3]</a> defines the following terms:
6143+
<ul>
6144+
<li><a href="http://dev.w3.org/csswg/css-images-3/#specified-size">specified size</a>
6145+
</ul>
61276146
<li><a data-link-type="biblio" href="#biblio-css-overflow-3">[css-overflow-3]</a> defines the following terms:
61286147
<ul>
61296148
<li><a href="http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow">overflow</a>
@@ -6219,6 +6238,8 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
62196238
<dd>Elika Etemad; Tab Atkins Jr.. <a href="http://www.w3.org/TR/css-cascade-4/">CSS Cascading and Inheritance Level 4</a>. 21 April 2015. WD. URL: <a href="http://www.w3.org/TR/css-cascade-4/">http://www.w3.org/TR/css-cascade-4/</a>
62206239
<dt id="biblio-css-display-3"><a class="self-link" href="#biblio-css-display-3"></a>[CSS-DISPLAY-3]
62216240
<dd>Tab Atkins Jr.; Elika Etemad. <a href="http://www.w3.org/TR/css-display-3/">CSS Display Module Level 3</a>. 11 September 2014. WD. URL: <a href="http://www.w3.org/TR/css-display-3/">http://www.w3.org/TR/css-display-3/</a>
6241+
<dt id="biblio-css-images-3"><a class="self-link" href="#biblio-css-images-3"></a>[CSS-IMAGES-3]
6242+
<dd>CSS Image Values and Replaced Content Module Level 3 URL: <a href="http://www.w3.org/TR/css3-images/">http://www.w3.org/TR/css3-images/</a>
62226243
<dt id="biblio-css-overflow-3"><a class="self-link" href="#biblio-css-overflow-3"></a>[CSS-OVERFLOW-3]
62236244
<dd>David Baron. <a href="http://www.w3.org/TR/css-overflow-3/">CSS Overflow Module Level 3</a>. 18 April 2013. WD. URL: <a href="http://www.w3.org/TR/css-overflow-3/">http://www.w3.org/TR/css-overflow-3/</a>
62246245
<dt id="biblio-css-position-3"><a class="self-link" href="#biblio-css-position-3"></a>[CSS-POSITION-3]

0 commit comments

Comments
 (0)