Skip to content

Commit 8056df8

Browse files
committed
[css-flexbox] More Changes section tweaks.
1 parent 728b51b commit 8056df8

2 files changed

Lines changed: 38 additions & 17 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3232,6 +3232,14 @@ Substantive Changes and Bugfixes</h4>
32323232
could each be explicitly specified.
32333233
(Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-20">20</a>)
32343234

3235+
<blockquote>
3236+
<p><ins>The ''flex-basis/main-size'' keyword, when specified on a flex item, retrieves the value of the main size property.</ins>
3237+
<p><del>Except for auto, which retrieves the value of the main size property,</del> &hellip;
3238+
</blockquote>
3239+
3240+
<p>See <a href="#issue-753aff05">further discussion</a> on this issue
3241+
and a proposed alternative to solving the same problem.
3242+
32353243
<li id="change-201403-definite-flexing">
32363244
Defined <i>flex items</i> with a <i>definite</i> <i>flex basis</i>
32373245
to also be <i>definite</i> in the <i>main axis</i>,
@@ -3240,12 +3248,13 @@ Substantive Changes and Bugfixes</h4>
32403248
(Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-26">26</a>)
32413249

32423250
<blockquote>
3243-
<p>If a percentage is going to be resolved against a flex item’s main size,
3251+
<ins><p>If a percentage is going to be resolved against a flex item’s main size,
32443252
and the flex item has a definite flex basis,
32453253
the main size must be treated as definite for the purpose of resolving the percentage,
32463254
and the percentage must resolve against the flexed main size of the flex item
32473255
(that is, after the layout algorithm below has been completed for the flex item’s flex container,
32483256
and the flex item has acquired its final size).
3257+
</ins>
32493258
</blockquote>
32503259

32513260
<li id="change-201403-clamp-single-line">

css-flexbox/Overview.html

Lines changed: 28 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -3082,14 +3082,15 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
30823082
is not consulted when percentage-sizing any of its contents.
30833083
(Issue <a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-27>27</a>)
30843084
<blockquote>
3085-
3086-
<ins><p>In order to prevent cycling sizing,
3087-
the <a class=css data-link-type=maybe href=#valdef-min-width-min-height-auto title=auto>auto</a> value of <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height title=max-height>max-height</a>
3088-
does not factor into the percentage size resolution of the box’s contents.
3089-
For example, a percentage-height block whose flex item parent has
3090-
<a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height: 120em; min-height: auto</a>
3091-
will size itself against <a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height: 120em</a> regardless of the impact
3092-
that <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a> might have on the used size of the flex item.</ins>
3085+
<ins>
3086+
<p>In order to prevent cycling sizing,
3087+
the <a class=css data-link-type=maybe href=#valdef-min-width-min-height-auto title=auto>auto</a> value of <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height title=max-height>max-height</a>
3088+
does not factor into the percentage size resolution of the box’s contents.
3089+
For example, a percentage-height block whose flex item parent has
3090+
<a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height: 120em; min-height: auto</a>
3091+
will size itself against <a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height: 120em</a> regardless of the impact
3092+
that <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a> might have on the used size of the flex item.
3093+
</ins>
30933094
</blockquote>
30943095

30953096
<li id=change-201403-flex-basis-auto><a class=self-link href=#change-201403-flex-basis-auto></a>
@@ -3098,6 +3099,14 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
30983099
could each be explicitly specified.
30993100
(Issue <a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-20>20</a>)
31003101

3102+
<blockquote>
3103+
<p><ins>The <a class=css data-link-for=flex-basis data-link-type=maybe href=#valdef-flex-basis-main-size title=main-size>main-size</a> keyword, when specified on a flex item, retrieves the value of the main size property.</ins>
3104+
<p><del>Except for auto, which retrieves the value of the main size property,</del>
3105+
</blockquote>
3106+
3107+
<p>See <a href=#issue-753aff05>further discussion</a> on this issue
3108+
and a proposed alternative to solving the same problem.
3109+
31013110
<li id=change-201403-definite-flexing><a class=self-link href=#change-201403-definite-flexing></a>
31023111
Defined <a data-link-type=dfn href=#flex-item title="flex items">flex items</a> with a <a data-link-type=dfn href=#definite title=definite>definite</a> <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a>
31033112
to also be <a data-link-type=dfn href=#definite title=definite>definite</a> in the <a data-link-type=dfn href=#main-axis title="main axis">main axis</a>,
@@ -3106,14 +3115,12 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
31063115
(Issue <a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-26>26</a>)
31073116

31083117
<blockquote>
3109-
<ins>
3110-
<p>If a percentage is going to be resolved against a flex item’s main size,
3111-
and the flex item has a definite flex basis,
3112-
the main size must be treated as definite for the purpose of resolving the percentage,
3113-
and the percentage must resolve against the flexed main size of the flex item
3114-
(that is, after the layout algorithm below has been completed for the flex item’s flex container,
3115-
and the flex item has acquired its final size).
3116-
</ins>
3118+
<ins><p>If a percentage is going to be resolved against a flex item’s main size,
3119+
and the flex item has a definite flex basis,
3120+
the main size must be treated as definite for the purpose of resolving the percentage,
3121+
and the percentage must resolve against the flexed main size of the flex item
3122+
(that is, after the layout algorithm below has been completed for the flex item’s flex container,
3123+
and the flex item has acquired its final size).</ins>
31173124
</blockquote>
31183125

31193126
<li id=change-201403-clamp-single-line><a class=self-link href=#change-201403-clamp-single-line></a>
@@ -3217,6 +3224,11 @@ <h4 class="heading settled" id=change-201403-clarify><span class=content>
32173224
Clarified what a <a data-link-type=dfn href=#stretched title=stretched>stretched</a> flex item is
32183225
for the purposes of special behavior (like definiteness).
32193226
(Issue <a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-25>25</a>)
3227+
<blockquote>
3228+
<p>If the cross size property of the flex item computes to auto,
3229+
<ins>and either of the cross-axis margins are auto, the flex item is stretched. Its</ins>
3230+
<del>its</del> used value …
3231+
</blockquote>
32203232
</ul>
32213233

32223234
<h3 class="heading settled" id=changes-2012><span class=content>

0 commit comments

Comments
 (0)