|
303 | 303 | <div class="head">
|
304 | 304 | <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
|
305 | 305 | <h1 class="p-name no-ref" id="title">CSS Flexible Box Layout Module Level 1</h1>
|
306 |
| - <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-11-10">10 November 2015</time></span></h2> |
| 306 | + <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-12-01">1 December 2015</time></span></h2> |
307 | 307 | <div data-fill-with="spec-metadata">
|
308 | 308 | <dl>
|
309 | 309 | <dt>This version:
|
@@ -1033,10 +1033,9 @@ <h3 class="heading settled" data-level="4.5" id="min-size-auto"><span class="sec
|
1033 | 1033 | (For items with small amounts of content, however,
|
1034 | 1034 | this traversal is trivial and therefore not a performance concern.)</p>
|
1035 | 1035 | </div>
|
1036 |
| - <p>In order to prevent cycling sizing, |
1037 |
| - the <a class="css" data-link-type="maybe" href="#valdef-min-width-auto">auto</a> value of <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-height">min-height</a> and <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-max-height">max-height</a> does not factor into the percentage size resolution of the box’s contents. |
1038 |
| - For example, a percentage-height block whose flex item parent has <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-height">height: 120em; min-height: auto</a> will size itself against <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-height">height: 120em</a> regardless of the impact |
1039 |
| - that <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-height">min-height</a> might have on the used size of the flex item.</p> |
| 1036 | + <p>Although this may require an additional layout pass to re-resolve percentages in some cases, |
| 1037 | + the <a class="css" data-link-type="maybe" href="#valdef-min-width-auto">auto</a> value of <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-width">min-width</a> and <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-height">min-height</a> (like the <span class="css">min-content</span>, <span class="css">max-content</span>, and <span class="css">fit-content</span> values defined in <a data-link-type="biblio" href="#biblio-css3-sizing">[CSS3-SIZING]</a>) |
| 1038 | + does not prevent the resolution of percentage sizes within the item.</p> |
1040 | 1039 | <h2 class="heading settled" data-level="5" id="flow-order"><span class="secno">5. </span><span class="content"> Ordering and Orientation</span><a class="self-link" href="#flow-order"></a></h2>
|
1041 | 1040 | <p>The contents of a flex container can be laid out in any direction and in any order.
|
1042 | 1041 | This allows an author to trivially achieve effects that would previously have required complex or fragile methods,
|
@@ -2893,6 +2892,22 @@ <h4 class="heading settled" id="change-201505-substantive"><span class="content"
|
2893 | 2892 | <li id="change-2015-a11y-tools"><a class="self-link" href="#change-2015-a11y-tools"></a> Add explicit conformance criteria on authoring tools
|
2894 | 2893 | to keep presentation and DOM order in sync
|
2895 | 2894 | unless author explicitly indicates a desire to make them out-of-sync.
|
| 2895 | + <li id="change-2015-min-auto-intrinsic-percentages"> |
| 2896 | + <a class="self-link" href="#change-2015-min-auto-intrinsic-percentages"></a> Defined that any size adjustment imposed by a box’s <span class="css">min-width: auto</span> is consulted when percentage-sizing any of its contents. |
| 2897 | + (<a href="https://drafts.csswg.org/css-flexbox/issues-lc-20150514#issue-3">Issue 3</a>) |
| 2898 | + <blockquote> |
| 2899 | + <p> |
| 2900 | + <del>In order to prevent cycling sizing, |
| 2901 | + the <a class="css" data-link-type="maybe" href="#valdef-min-width-auto">auto</a> value of <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-height">min-height</a> and <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-max-height">max-height</a> does not factor into the percentage size resolution of the box’s contents. |
| 2902 | + For example, a percentage-height block whose flex item parent has <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-height">height: 120em; min-height: auto</a> will size itself against <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-height">height: 120em</a> regardless of the impact |
| 2903 | + that <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-height">min-height</a> might have on the used size of the flex item.</del> |
| 2904 | + </p> |
| 2905 | + <p> |
| 2906 | + <ins>Although this may require an additional layout pass to re-resolve percentages in some cases, |
| 2907 | + the <a class="css" data-link-type="maybe" href="#valdef-min-width-auto">auto</a> value of <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-width">min-width</a> and <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-height">min-height</a> (like the <span class="css">min-content</span>, <span class="css">max-content</span>, and <span class="css">fit-content</span> values defined in <a data-link-type="biblio" href="#biblio-css3-sizing">[CSS3-SIZING]</a>) |
| 2908 | + does not prevent the resolution of percentage sizes within the item.</ins> |
| 2909 | + </p> |
| 2910 | + </blockquote> |
2896 | 2911 | </ul>
|
2897 | 2912 | <h4 class="heading settled" id="change-201505-clarify"><span class="content"> Clarifications</span><a class="self-link" href="#change-201505-clarify"></a></h4>
|
2898 | 2913 | <h3 class="heading settled" id="changes-201409"><span class="content"> Changes since the 25 September 2014 LCWD</span><a class="self-link" href="#changes-201409"></a></h3>
|
@@ -3100,7 +3115,8 @@ <h4 class="heading settled" id="change-201403-substantive"><span class="content"
|
3100 | 3115 | </blockquote>
|
3101 | 3116 | <li id="change-201403-min-auto-intrinsic-percentages">
|
3102 | 3117 | <a class="self-link" href="#change-201403-min-auto-intrinsic-percentages"></a> Defined that any size adjustment imposed by a box’s <span class="css">min-width: auto</span> is not consulted when percentage-sizing any of its contents.
|
3103 |
| - (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-27">27</a>) |
| 3118 | + (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-27">27</a>) |
| 3119 | + This change was later reverted with an <a href="#change-2015-min-auto-intrinsic-percentages">opposite definition</a>. |
3104 | 3120 | <blockquote>
|
3105 | 3121 | <p>In order to prevent cycling sizing,
|
3106 | 3122 | the <a class="css" data-link-type="maybe" href="#valdef-min-width-auto">auto</a> value of <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-min-height">min-height</a> and <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-max-height">max-height</a> does not factor into the percentage size resolution of the box’s contents.
|
|
0 commit comments