Mercurial > drafts / file comparison

comparison: css-flexbox/Overview.bs

css-flexbox/Overview.bs

changeset 16986
5be73fbc8592
parent 16782
543adff6b25a
child 16989
255258410d1b
equal deleted inserted replaced
16985:84b2940a9c52 16986:5be73fbc8592
6 Status: CR 6 Status: CR
7 Date: 2016-01-05 7 Date: 2016-01-05
8 Deadline: 2016-05-31 8 Deadline: 2016-05-31
9 Work Status: Testing 9 Work Status: Testing
10 Group: csswg 10 Group: csswg
11 ED: http://dev.w3.org/csswg/css-flexbox/ 11 ED: https://drafts.csswg.org/css-flexbox/
12 TR: http://www.w3.org/TR/css-flexbox-1/ 12 TR: http://www.w3.org/TR/css-flexbox-1/
13 Previous Version: http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/ 13 Previous Version: http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/
14 Previous Version: http://www.w3.org/TR/2014/WD-css-flexbox-1-20140925/ 14 Previous Version: http://www.w3.org/TR/2014/WD-css-flexbox-1-20140925/
15 Previous Version: http://www.w3.org/TR/2014/WD-css-flexbox-1-20140325/ 15 Previous Version: http://www.w3.org/TR/2014/WD-css-flexbox-1-20140325/
16 Previous Version: http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/ 16 Previous Version: http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/
26 Former Editor: Alex Mogilevsky, Microsoft Corporation, [email protected] 26 Former Editor: Alex Mogilevsky, Microsoft Corporation, [email protected]
27 Former Editor: L. David Baron, Mozilla Corporation, [email protected] 27 Former Editor: L. David Baron, Mozilla Corporation, [email protected]
28 Former Editor: Neil Deakin, Mozilla Corporation, [email protected] 28 Former Editor: Neil Deakin, Mozilla Corporation, [email protected]
29 Former Editor: Ian Hickson, formerly of Opera Software, [email protected] 29 Former Editor: Ian Hickson, formerly of Opera Software, [email protected]
30 Former Editor: David Hyatt, formerly of Netscape Corporation, [email protected] 30 Former Editor: David Hyatt, formerly of Netscape Corporation, [email protected]
31 !Issues List: <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925">http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925</a> 31 !Issues List: <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925">https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925</a>
32 Ignored Terms: column-*, auto, first formatted line, first letter, static position 32 Ignored Terms: column-*, auto, first formatted line, first letter, static position
33 Ignored Vars: item’s own max-content, maximum min-content among all items 33 Ignored Vars: item’s own max-content, maximum min-content among all items
34 </pre> 34 </pre>
35 35
36 <pre class='link-defaults'> 36 <pre class='link-defaults'>
3358 This section documents the changes since previous publications. 3358 This section documents the changes since previous publications.
3359 3359
3360 <h3 id="changes-201505"> 3360 <h3 id="changes-201505">
3361 Changes since the 14 May 2015 LCWD</h3> 3361 Changes since the 14 May 2015 LCWD</h3>
3362 3362
3363 A <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20150514">Disposition of Comments</a> is also available. 3363 A <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20150514">Disposition of Comments</a> is also available.
3364 3364
3365 <h4 id="change-201505-substantive"> 3365 <h4 id="change-201505-substantive">
3366 Substantive Changes and Bugfixes</h4> 3366 Substantive Changes and Bugfixes</h4>
3367 3367
3368 <ul> 3368 <ul>
3626 </ul> 3626 </ul>
3627 3627
3628 <h3 id="changes-201409"> 3628 <h3 id="changes-201409">
3629 Changes since the 25 September 2014 LCWD</h3> 3629 Changes since the 25 September 2014 LCWD</h3>
3630 3630
3631 A <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925">Disposition of Comments</a> is also available. 3631 A <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925">Disposition of Comments</a> is also available.
3632 3632
3633 <h4 id="change-201409-substantive"> 3633 <h4 id="change-201409-substantive">
3634 Substantive Changes and Bugfixes</h4> 3634 Substantive Changes and Bugfixes</h4>
3635 3635
3636 <ul> 3636 <ul>
3637 <li id="change-201409-content"> 3637 <li id="change-201409-content">
3638 Reverted ''flex-basis: auto'' to its original meaning. 3638 Reverted ''flex-basis: auto'' to its original meaning.
3639 Added ''flex-basis: content'' keyword to explicitly specify automatic content-based sizing. 3639 Added ''flex-basis: content'' keyword to explicitly specify automatic content-based sizing.
3640 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-10">10</a>) 3640 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-10">10</a>)
3641 3641
3642 <li id="change-201409-align-content-wrapping"> 3642 <li id="change-201409-align-content-wrapping">
3643 Made applicability of 'align-content' depend on wrappability rather than number of resulting flex lines. 3643 Made applicability of 'align-content' depend on wrappability rather than number of resulting flex lines.
3644 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-4">4</a>) 3644 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-4">4</a>)
3645 3645
3646 <blockquote> 3646 <blockquote>
3647 <p><del>When a flex container has multiple lines,</del> 3647 <p><del>When a flex container has multiple lines,</del>
3648 <ins>In a <i>multi-line</i> <i>flex container</i> (even one with only a single line),</ins> 3648 <ins>In a <i>multi-line</i> <i>flex container</i> (even one with only a single line),</ins>
3649 the <i>cross size</i> of each line is the minimum size necessary [...] 3649 the <i>cross size</i> of each line is the minimum size necessary [...]
3686 3686
3687 <li id="change-201409-algo-breaks"> 3687 <li id="change-201409-algo-breaks">
3688 Removed text that asserted forced breaking behavior, 3688 Removed text that asserted forced breaking behavior,
3689 replaced with reference to fragmentation section. 3689 replaced with reference to fragmentation section.
3690 This resolves a conflict in the spec. 3690 This resolves a conflict in the spec.
3691 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-18">18</a>) 3691 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-18">18</a>)
3692 3692
3693 <blockquote> 3693 <blockquote>
3694 <p>collect consecutive items one by one 3694 <p>collect consecutive items one by one
3695 until the first time that the next collected item would not fit into the flex container’s inner main size, 3695 until the first time that the next collected item would not fit into the flex container’s inner main size,
3696 <ins>(</ins>or until a forced break is encountered<ins>, see [[#pagination]])</ins>. 3696 <ins>(</ins>or until a forced break is encountered<ins>, see [[#pagination]])</ins>.
3699 or the CSS3 'break-before'/'break-after' [[CSS3-BREAK]] properties specify a fragmentation break.</del></p> 3699 or the CSS3 'break-before'/'break-after' [[CSS3-BREAK]] properties specify a fragmentation break.</del></p>
3700 </blockquote> 3700 </blockquote>
3701 3701
3702 <li id="change-201409-inner-base-size"> 3702 <li id="change-201409-inner-base-size">
3703 Change the <a>flex shrink factor</a> to multiply by the <em>inner</em> (not outer) <a>flex base size</a>. 3703 Change the <a>flex shrink factor</a> to multiply by the <em>inner</em> (not outer) <a>flex base size</a>.
3704 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-9">9</a>) 3704 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-9">9</a>)
3705 3705
3706 <blockquote> 3706 <blockquote>
3707 <p>For every unfrozen item on the line, 3707 <p>For every unfrozen item on the line,
3708 multiply its flex shrink factor by its <del>outer</del> <ins>inner</ins> flex base size, 3708 multiply its flex shrink factor by its <del>outer</del> <ins>inner</ins> flex base size,
3709 and note this as its <a>scaled flex shrink factor</a>. 3709 and note this as its <a>scaled flex shrink factor</a>.
3710 </blockquote> 3710 </blockquote>
3711 3711
3712 <li id="change-201409-neither"> 3712 <li id="change-201409-neither">
3713 Add back in missing “n” in “neither”... 3713 Add back in missing “n” in “neither”...
3714 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-6">6</a>) 3714 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-6">6</a>)
3715 3715
3716 <blockquote> 3716 <blockquote>
3717 <p>If the <a>cross size property</a> of the <a>flex item</a> computes to ''width/auto'', 3717 <p>If the <a>cross size property</a> of the <a>flex item</a> computes to ''width/auto'',
3718 and <ins>n</ins>either of the <a>cross-axis</a> margins are ''margin/auto'', 3718 and <ins>n</ins>either of the <a>cross-axis</a> margins are ''margin/auto'',
3719 the <a>flex item</a> is <a>stretched</a>. 3719 the <a>flex item</a> is <a>stretched</a>.
3720 </blockquote> 3720 </blockquote>
3721 3721
3722 <li id="change-201409-flexed-definite-container"> 3722 <li id="change-201409-flexed-definite-container">
3723 Specify that the <a>flex container</a>’s <a>main size</a> must also be <a>definite</a> 3723 Specify that the <a>flex container</a>’s <a>main size</a> must also be <a>definite</a>
3724 for a flex item’s flexed main size to be <a>definite</a>. 3724 for a flex item’s flexed main size to be <a>definite</a>.
3725 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-20">20</a>) 3725 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-20">20</a>)
3726 3726
3727 <blockquote> 3727 <blockquote>
3728 <p>[If] ... the <a>flex item</a> has a <a>definite</a> <a>flex basis</a>, 3728 <p>[If] ... the <a>flex item</a> has a <a>definite</a> <a>flex basis</a>,
3729 <ins>and the <a>flex container</a> has a <a>definite</a> <a>main size</a>,</ins> 3729 <ins>and the <a>flex container</a> has a <a>definite</a> <a>main size</a>,</ins>
3730 the <a>flex item’s</a> <a>main size</a> must be treated as <a>definite</a> ... 3730 the <a>flex item’s</a> <a>main size</a> must be treated as <a>definite</a> ...
3733 <li id="change-201409-min-auto-specified-size"> 3733 <li id="change-201409-min-auto-specified-size">
3734 Remove the requirement that the <a>flex basis</a> be ''content'' for the <a>specified size</a> to be defined. 3734 Remove the requirement that the <a>flex basis</a> be ''content'' for the <a>specified size</a> to be defined.
3735 The specified size should always win if it is smaller than the intrinsic size. 3735 The specified size should always win if it is smaller than the intrinsic size.
3736 This is particularly important to maintain author expectations for, 3736 This is particularly important to maintain author expectations for,
3737 e.g. <code>&lt;img src="&hellip;" width=40 height=40 title="100x100 image"&gt;</code>. 3737 e.g. <code>&lt;img src="&hellip;" width=40 height=40 title="100x100 image"&gt;</code>.
3738 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-25">25</a>) 3738 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-25">25</a>)
3739 3739
3740 <blockquote> 3740 <blockquote>
3741 If the item’s <del>computed 'flex-basis' is ''content'' 3741 If the item’s <del>computed 'flex-basis' is ''content''
3742 and its</del> computed <a>main size property</a> is <a>definite</a>, 3742 and its</del> computed <a>main size property</a> is <a>definite</a>,
3743 then the <var>specified size</var> is that size 3743 then the <var>specified size</var> is that size
3754 Clarifications</h4> 3754 Clarifications</h4>
3755 3755
3756 <ul> 3756 <ul>
3757 <li id="change-201409-unclamped-size"> 3757 <li id="change-201409-unclamped-size">
3758 Clarify that <a>flex base size</a> is unclamped. 3758 Clarify that <a>flex base size</a> is unclamped.
3759 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-21">21</a>) 3759 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-21">21</a>)
3760 3760
3761 <blockquote> 3761 <blockquote>
3762 <p><ins>When determining the <a>flex base size</a>, 3762 <p><ins>When determining the <a>flex base size</a>,
3763 the item’s min and max main size properties are ignored 3763 the item’s min and max main size properties are ignored
3764 (no clamping occurs).</ins> 3764 (no clamping occurs).</ins>
3767 </blockquote> 3767 </blockquote>
3768 3768
3769 <li id="change-201409-table-wrappers"> 3769 <li id="change-201409-table-wrappers">
3770 Restored normative status of note about table wrapper boxes normative; 3770 Restored normative status of note about table wrapper boxes normative;
3771 it had been accidentally changed in the previous draft. 3771 it had been accidentally changed in the previous draft.
3772 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-2">2</a>) 3772 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-2">2</a>)
3773 3773
3774 <li id="change-201409-display-longhands"> 3774 <li id="change-201409-display-longhands">
3775 Removed references to 'display' property longhands, 3775 Removed references to 'display' property longhands,
3776 since they will be removed from CSS Display Level 3. 3776 since they will be removed from CSS Display Level 3.
3777 3777
3778 <li id="change-201409-layout-vs-size"> 3778 <li id="change-201409-layout-vs-size">
3779 Change wording to not imply an unnecessary layout pass. 3779 Change wording to not imply an unnecessary layout pass.
3780 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140925#issue-22">22</a>) 3780 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140925#issue-22">22</a>)
3781 3781
3782 <blockquote> 3782 <blockquote>
3783 Otherwise, 3783 Otherwise,
3784 <del>lay out</del><ins>size</ins> the item into the <a>available space</a> 3784 <del>lay out</del><ins>size</ins> the item into the <a>available space</a>
3785 using its used <a>flex basis</a> in place of its <a>main size</a>, 3785 using its used <a>flex basis</a> in place of its <a>main size</a>,
3794 </ul> 3794 </ul>
3795 3795
3796 <h3 id="changes-201403"> 3796 <h3 id="changes-201403">
3797 Changes since the 25 March 2014 LCWD</h3> 3797 Changes since the 25 March 2014 LCWD</h3>
3798 3798
3799 A <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325">Disposition of Comments</a> is also available. 3799 A <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325">Disposition of Comments</a> is also available.
3800 3800
3801 <h4 id="change-201403-substantive"> 3801 <h4 id="change-201403-substantive">
3802 Substantive Changes and Bugfixes</h4> 3802 Substantive Changes and Bugfixes</h4>
3803 3803
3804 The following significant changes were made since the 3804 The following significant changes were made since the
3805 <a href="http://www.w3.org/TR/2014/WD-css-flexbox-1-20140325/">25 March 2014 Last Call Working Draft</a> 3805 <a href="http://www.w3.org/TR/2014/WD-css-flexbox-1-20140325/">25 March 2014 Last Call Working Draft</a>
3806 3806
3807 <ul> 3807 <ul>
3808 <li id="change-201403-min-auto-not"> 3808 <li id="change-201403-min-auto-not">
3809 Fixed errors (missing negation, unspecified axis) in definition of ''min-height/min-width: auto''. 3809 Fixed errors (missing negation, unspecified axis) in definition of ''min-height/min-width: auto''.
3810 (Issues <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-11">11</a>, 3810 (Issues <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-11">11</a>,
3811 <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-18">18</a>, 3811 <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-18">18</a>,
3812 <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-30">30</a>) 3812 <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-30">30</a>)
3813 3813
3814 <blockquote> 3814 <blockquote>
3815 <p>On a <a>flex item</a> whose 'overflow' is <del>not</del> ''overflow/visible'' <ins>in the <a>main axis</a></ins>, 3815 <p>On a <a>flex item</a> whose 'overflow' is <del>not</del> ''overflow/visible'' <ins>in the <a>main axis</a></ins>,
3816 </blockquote> 3816 </blockquote>
3817 3817
3818 <li id="change-201403-min-auto-ratio"> 3818 <li id="change-201403-min-auto-ratio">
3819 Expanded and rewrote definition of ''min-height/min-width: auto'' 3819 Expanded and rewrote definition of ''min-height/min-width: auto''
3820 to add special handling of items with intrinsic ratios. 3820 to add special handling of items with intrinsic ratios.
3821 (Issues <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-16">16</a> 3821 (Issues <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-16">16</a>
3822 and <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-28">28</a>) 3822 and <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-28">28</a>)
3823 3823
3824 <blockquote> 3824 <blockquote>
3825 <p>On a <a>flex item</a> whose 'overflow' is not ''overflow/visible'', 3825 <p>On a <a>flex item</a> whose 'overflow' is not ''overflow/visible'',
3826 <ins>the following table gives the minimum size: 3826 <ins>the following table gives the minimum size:
3827 <a value for="min-width" lt="auto"><strong>[see table]</strong></a></ins><br> 3827 <a value for="min-width" lt="auto"><strong>[see table]</strong></a></ins><br>
3836 3836
3837 <li id="change-201403-min-auto-main-size-basis"> 3837 <li id="change-201403-min-auto-main-size-basis">
3838 Adjusted ''min-height/min-width: auto'' 3838 Adjusted ''min-height/min-width: auto''
3839 to only apply the computed main size as a minimum 3839 to only apply the computed main size as a minimum
3840 in cases where the flex basis was retrieved from the main size property. 3840 in cases where the flex basis was retrieved from the main size property.
3841 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-19">19</a>) 3841 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-19">19</a>)
3842 3842
3843 <blockquote> 3843 <blockquote>
3844 <p>&hellip; is defined if <ins>the item’s computed flex-basis is ''auto'' and</ins> 3844 <p>&hellip; is defined if <ins>the item’s computed flex-basis is ''auto'' and</ins>
3845 its computed main size property is definite &hellip; 3845 its computed main size property is definite &hellip;
3846 </blockquote> 3846 </blockquote>
3847 3847
3848 <li id="change-201403-min-auto-intrinsic-percentages"> 3848 <li id="change-201403-min-auto-intrinsic-percentages">
3849 Defined that any size adjustment imposed by a box’s ''min-height/min-width: auto'' 3849 Defined that any size adjustment imposed by a box’s ''min-height/min-width: auto''
3850 is not consulted when percentage-sizing any of its contents. 3850 is not consulted when percentage-sizing any of its contents.
3851 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-27">27</a>) 3851 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-27">27</a>)
3852 This change was later reverted with an <a href="#change-2015-min-auto-intrinsic-percentages">opposite definition</a>. 3852 This change was later reverted with an <a href="#change-2015-min-auto-intrinsic-percentages">opposite definition</a>.
3853 <blockquote> 3853 <blockquote>
3854 <p>In order to prevent cycling sizing, 3854 <p>In order to prevent cycling sizing,
3855 the ''auto'' value of 'min-height' and 'max-height' 3855 the ''auto'' value of 'min-height' and 'max-height'
3856 does not factor into the percentage size resolution of the box’s contents. 3856 does not factor into the percentage size resolution of the box’s contents.
3862 3862
3863 <li id="change-201403-flex-basis-auto"> 3863 <li id="change-201403-flex-basis-auto">
3864 Introduced extra ''main-size'' keyword to 'flex-basis' 3864 Introduced extra ''main-size'' keyword to 'flex-basis'
3865 so that “lookup from main-size property” and “automatic sizing” behaviors 3865 so that “lookup from main-size property” and “automatic sizing” behaviors
3866 could each be explicitly specified. 3866 could each be explicitly specified.
3867 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-20">20</a>) 3867 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-20">20</a>)
3868 This change was later reverted with an alternative proposal solving the same problem 3868 This change was later reverted with an alternative proposal solving the same problem
3869 by instead introducing the ''content'' keyword. 3869 by instead introducing the ''content'' keyword.
3870 3870
3871 <li id="change-201403-definite-flexing"> 3871 <li id="change-201403-definite-flexing">
3872 Defined <a>flex items</a> with a <a>definite</a> <a>flex basis</a> 3872 Defined <a>flex items</a> with a <a>definite</a> <a>flex basis</a>
3873 to also be <a>definite</a> in the <a>main axis</a>, 3873 to also be <a>definite</a> in the <a>main axis</a>,
3874 allowing resolution of percentage-sized children 3874 allowing resolution of percentage-sized children
3875 even when the item itself is flexible. 3875 even when the item itself is flexible.
3876 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-26">26</a>) 3876 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-26">26</a>)
3877 3877
3878 <blockquote> 3878 <blockquote>
3879 <ins><p>If a percentage is going to be resolved against a flex item’s main size, 3879 <ins><p>If a percentage is going to be resolved against a flex item’s main size,
3880 and the flex item has a definite flex basis, 3880 and the flex item has a definite flex basis,
3881 the main size must be treated as definite for the purpose of resolving the percentage, 3881 the main size must be treated as definite for the purpose of resolving the percentage,
3886 </blockquote> 3886 </blockquote>
3887 3887
3888 <li id="change-201403-clamp-single-line"> 3888 <li id="change-201403-clamp-single-line">
3889 Clamp a single line flexbox's line <a>cross size</a> to the container's own min/max, 3889 Clamp a single line flexbox's line <a>cross size</a> to the container's own min/max,
3890 even when the container's size is indefinite. 3890 even when the container's size is indefinite.
3891 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-9">9</a>) 3891 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-9">9</a>)
3892 3892
3893 <blockquote> 3893 <blockquote>
3894 <ul> 3894 <ul>
3895 <li> 3895 <li>
3896 The used cross-size of the <a>flex line</a> is 3896 The used cross-size of the <a>flex line</a> is
3907 3907
3908 <li id="change-201403-resolve-flex"> 3908 <li id="change-201403-resolve-flex">
3909 Fixed various errors in the new <a href="#resolve-flexible-lengths">Resolving Flexible Lengths</a> section 3909 Fixed various errors in the new <a href="#resolve-flexible-lengths">Resolving Flexible Lengths</a> section
3910 (see <a href="#change-2012-flex-continuity">March 2014 rewrite to create continuity between <css>flex: 0</css> and <css>flex: 1</css></a>) 3910 (see <a href="#change-2012-flex-continuity">March 2014 rewrite to create continuity between <css>flex: 0</css> and <css>flex: 1</css></a>)
3911 and reverted the editorial structure to match the old Candidate Recommendation. 3911 and reverted the editorial structure to match the old Candidate Recommendation.
3912 (Issues <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-3">3</a>, 3912 (Issues <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-3">3</a>,
3913 <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-4">4</a>, 3913 <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-4">4</a>,
3914 <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-8">8</a>, 3914 <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-8">8</a>,
3915 <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-10">10</a>, 3915 <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-10">10</a>,
3916 <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-15">15</a>) 3916 <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-15">15</a>)
3917 3917
3918 <li id="change-201403-max-intrinsic"> 3918 <li id="change-201403-max-intrinsic">
3919 Fixed <a href="#intrinsic-sizes">max-content sizing of flex containers</a> 3919 Fixed <a href="#intrinsic-sizes">max-content sizing of flex containers</a>
3920 to account for flexing behavior 3920 to account for flexing behavior
3921 by normalizing per flex fraction rather than merely summing the max-content sizes of the flex items. 3921 by normalizing per flex fraction rather than merely summing the max-content sizes of the flex items.
3922 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-39">39</a>) 3922 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-39">39</a>)
3923 3923
3924 <li id="change-201403-flex-animation"> 3924 <li id="change-201403-flex-animation">
3925 Updated 'flex' property to accept animations always, 3925 Updated 'flex' property to accept animations always,
3926 now that the discontinuity between 0 and non-0 values has been <a href="#change-2012-flex-continuity">fixed</a>. 3926 now that the discontinuity between 0 and non-0 values has been <a href="#change-2012-flex-continuity">fixed</a>.
3927 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-5">5</a>) 3927 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-5">5</a>)
3928 </ul> 3928 </ul>
3929 3929
3930 <h4 id="change-201403-clarify"> 3930 <h4 id="change-201403-clarify">
3931 Clarifications</h4> 3931 Clarifications</h4>
3932 3932
3936 <ul> 3936 <ul>
3937 <li id="change-201403-css21-staticpos"> 3937 <li id="change-201403-css21-staticpos">
3938 Clarified how the static position of an absolutely-positioned child of a flex container 3938 Clarified how the static position of an absolutely-positioned child of a flex container
3939 is calculated by introducing an explanation of the effect more closely tied 3939 is calculated by introducing an explanation of the effect more closely tied
3940 with CSS2.1 concepts and terminology. 3940 with CSS2.1 concepts and terminology.
3941 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-12">12</a>) 3941 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-12">12</a>)
3942 3942
3943 <blockquote> 3943 <blockquote>
3944 <p><del>Its</del> <ins>The</ins> static position <ins>of an absolutely-positioned child of a flex container</ins> 3944 <p><del>Its</del> <ins>The</ins> static position <ins>of an absolutely-positioned child of a flex container</ins>
3945 is <del>calculated by first doing full flex layout without the absolutely-positioned children, 3945 is <del>calculated by first doing full flex layout without the absolutely-positioned children,
3946 then positioning each absolutely-positioned child</del> 3946 then positioning each absolutely-positioned child</del>
3981 </blockquote> 3981 </blockquote>
3982 3982
3983 <li id="change-201403-clarify-stretched"> 3983 <li id="change-201403-clarify-stretched">
3984 Clarified what a <a>stretched</a> flex item is 3984 Clarified what a <a>stretched</a> flex item is
3985 for the purposes of special behavior (like definiteness). 3985 for the purposes of special behavior (like definiteness).
3986 (Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-25">25</a>) 3986 (Issue <a href="https://drafts.csswg.org/css-flexbox-1/issues-lc-20140325#issue-25">25</a>)
3987 <blockquote> 3987 <blockquote>
3988 <p>If the <a>cross size</a> property of the flex item computes to auto, 3988 <p>If the <a>cross size</a> property of the flex item computes to auto,
3989 <ins>and either of the cross-axis margins are auto, the flex item is stretched. Its</ins> 3989 <ins>and either of the cross-axis margins are auto, the flex item is stretched. Its</ins>
3990 <del>its</del> used value &hellip; 3990 <del>its</del> used value &hellip;
3991 </blockquote> 3991 </blockquote>
3992 </ul> 3992 </ul>
3993 3993
3994 <h3 id="changes-2012"> 3994 <h3 id="changes-2012">
3995 Changes since the 18 September 2012 Candidate Recommendation</h3> 3995 Changes since the 18 September 2012 Candidate Recommendation</h3>
3996 3996
3997 A <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012">Disposition of Comments</a> is also available. 3997 A <a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012">Disposition of Comments</a> is also available.
3998 3998
3999 <h4 id="changes-2014-substantive"> 3999 <h4 id="changes-2014-substantive">
4000 Substantive Changes and Bugfixes</h4> 4000 Substantive Changes and Bugfixes</h4>
4001 4001
4002 The following significant changes were made since the 4002 The following significant changes were made since the
4017 <li>Take into account the specified 'width'/'height', 4017 <li>Take into account the specified 'width'/'height',
4018 so that the implied minimum is never greater than the specified size. 4018 so that the implied minimum is never greater than the specified size.
4019 <li>Compute to itself (not to ''width/min-content'') on flex items, 4019 <li>Compute to itself (not to ''width/min-content'') on flex items,
4020 since they are no longer equivalent (due to above changes). 4020 since they are no longer equivalent (due to above changes).
4021 </ul> 4021 </ul>
4022 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-19">Issue 19</a>) 4022 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-19">Issue 19</a>)
4023 <blockquote> 4023 <blockquote>
4024 <dl> 4024 <dl>
4025 <dt>auto 4025 <dt>auto
4026 <dd> 4026 <dd>
4027 <del> 4027 <del>
4045 </blockquote> 4045 </blockquote>
4046 <li id="change-2012-percent-margins"> 4046 <li id="change-2012-percent-margins">
4047 Specified that percentage margins/paddings on flex items 4047 Specified that percentage margins/paddings on flex items
4048 are resolved against their respective dimensions, 4048 are resolved against their respective dimensions,
4049 not the inline dimension of the containing block like blocks do. 4049 not the inline dimension of the containing block like blocks do.
4050 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-16">Issue 16</a>) 4050 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-16">Issue 16</a>)
4051 <blockquote> 4051 <blockquote>
4052 <ins> 4052 <ins>
4053 <p>Percentage margins and paddings on <a>flex items</a> 4053 <p>Percentage margins and paddings on <a>flex items</a>
4054 are always resolved against their respective dimensions; 4054 are always resolved against their respective dimensions;
4055 unlike blocks, they do not always resolve against 4055 unlike blocks, they do not always resolve against
4056 the inline dimension of their containing block.</p> 4056 the inline dimension of their containing block.</p>
4057 </ins> 4057 </ins>
4058 </blockquote> 4058 </blockquote>
4059 <li id="change-2012-stretch-definite"> 4059 <li id="change-2012-stretch-definite">
4060 Pass definiteness of a single-line flex container's size through to any stretched items. 4060 Pass definiteness of a single-line flex container's size through to any stretched items.
4061 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-3">Issue 3</a>) 4061 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-3">Issue 3</a>)
4062 <blockquote> 4062 <blockquote>
4063 <ins> 4063 <ins>
4064 <p> 4064 <p>
4065 As a special case for handling stretched <a>flex items</a>, 4065 As a special case for handling stretched <a>flex items</a>,
4066 if a <a>single-line</a> <a>flex container</a> has a definite <a>cross size</a>, 4066 if a <a>single-line</a> <a>flex container</a> has a definite <a>cross size</a>,
4070 and is considered <a>definite</a>.</p> 4070 and is considered <a>definite</a>.</p>
4071 </ins> 4071 </ins>
4072 </blockquote> 4072 </blockquote>
4073 <li id="change-2012-stretch-auto"> 4073 <li id="change-2012-stretch-auto">
4074 Allow percentages inside a stretched auto-height flex item to resolve by requiring a relayout pass. 4074 Allow percentages inside a stretched auto-height flex item to resolve by requiring a relayout pass.
4075 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-3">Issue 3</a>) 4075 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-3">Issue 3</a>)
4076 <blockquote> 4076 <blockquote>
4077 <ins> 4077 <ins>
4078 <p>If the flex item has ''align-self: stretch'', redo layout for its contents, 4078 <p>If the flex item has ''align-self: stretch'', redo layout for its contents,
4079 treating this used size as its definite <a>cross size</a> 4079 treating this used size as its definite <a>cross size</a>
4080 so that percentage-sized children can be resolved. 4080 so that percentage-sized children can be resolved.
4083 even if it has an intrinsic aspect ratio.</p> 4083 even if it has an intrinsic aspect ratio.</p>
4084 </ins> 4084 </ins>
4085 </blockquote> 4085 </blockquote>
4086 <li id="change-2012-intrinsic-ratio"> 4086 <li id="change-2012-intrinsic-ratio">
4087 Allow intrinsic aspect ratios to inform the <a href="#algo-main-item">main-size calculation.</a> 4087 Allow intrinsic aspect ratios to inform the <a href="#algo-main-item">main-size calculation.</a>
4088 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-8">Issue 8</a>) 4088 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-8">Issue 8</a>)
4089 <blockquote> 4089 <blockquote>
4090 <ins> 4090 <ins>
4091 <p>If the flex item has ... 4091 <p>If the flex item has ...
4092 <ul> 4092 <ul>
4093 <li>an intrinsic aspect ratio, 4093 <li>an intrinsic aspect ratio,
4098 and the <a>flex item</a>&rsquo;s intrinsic aspect ratio.</p> 4098 and the <a>flex item</a>&rsquo;s intrinsic aspect ratio.</p>
4099 </ins> 4099 </ins>
4100 </blockquote> 4100 </blockquote>
4101 <li id="change-2012-main-depend-cross"> 4101 <li id="change-2012-main-depend-cross">
4102 Define <a>hypothetical main size</a> when the <a>main size</a> depends on the <a>cross size</a>. 4102 Define <a>hypothetical main size</a> when the <a>main size</a> depends on the <a>cross size</a>.
4103 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-23">Issue 23</a>) 4103 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-23">Issue 23</a>)
4104 <blockquote> 4104 <blockquote>
4105 <p><ins>If a <a>cross size</a> is needed to determine the <a>main size</a> 4105 <p><ins>If a <a>cross size</a> is needed to determine the <a>main size</a>
4106 (e.g. when the <a>flex item</a>’s <a>main size</a> is in its block axis) 4106 (e.g. when the <a>flex item</a>’s <a>main size</a> is in its block axis)
4107 and the <a>flex item</a>’s <a>cross size</a> is ''auto'' and not <a>definite</a>, 4107 and the <a>flex item</a>’s <a>cross size</a> is ''auto'' and not <a>definite</a>,
4108 in this calculation use ''height/fit-content'' as the <a>flex item</a>’s <a>cross size</a>.</ins> 4108 in this calculation use ''height/fit-content'' as the <a>flex item</a>’s <a>cross size</a>.</ins>
4162 the <a>cross size</a> of the <a>flex line</a> 4162 the <a>cross size</a> of the <a>flex line</a>
4163 is the <a>flex container</a>'s inner <a>cross size</a>. 4163 is the <a>flex container</a>'s inner <a>cross size</a>.
4164 </blockquote> 4164 </blockquote>
4165 <li id="change-2012-flex-line-floor"> 4165 <li id="change-2012-flex-line-floor">
4166 Flex lines have their size floored at 0. 4166 Flex lines have their size floored at 0.
4167 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-2">Issue 2</a>) 4167 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-2">Issue 2</a>)
4168 <blockquote> 4168 <blockquote>
4169 <p>The used cross-size of the flex line is the <del>larger</del> <ins>largest</ins> 4169 <p>The used cross-size of the flex line is the <del>larger</del> <ins>largest</ins>
4170 of the numbers found in the previous two steps<ins> and zero</ins>. 4170 of the numbers found in the previous two steps<ins> and zero</ins>.
4171 </blockquote> 4171 </blockquote>
4172 <li id="change-2012-atomic-painting"> 4172 <li id="change-2012-atomic-painting">
4173 Flex items paint like inline blocks rather than blocks. 4173 Flex items paint like inline blocks rather than blocks.
4174 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-18">Issue 18</a>) 4174 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-18">Issue 18</a>)
4175 <blockquote> 4175 <blockquote>
4176 <p> 4176 <p>
4177 <a>Flex items</a> paint exactly the same as <del>block-level elements in the normal flow</del> <ins>inline blocks [[!CSS21]]</ins>. 4177 <a>Flex items</a> paint exactly the same as <del>block-level elements in the normal flow</del> <ins>inline blocks [[!CSS21]]</ins>.
4178 </blockquote> 4178 </blockquote>
4179 <li id="change-2012-flex-basis-zero"> 4179 <li id="change-2012-flex-basis-zero">
4180 An omitted 'flex-basis' component of the 'flex' shorthand 4180 An omitted 'flex-basis' component of the 'flex' shorthand
4181 now resolves to ''0%'' instead of ''0px''. 4181 now resolves to ''0%'' instead of ''0px''.
4182 Because percentages resolved against indefinite sizes behave as ''auto'', 4182 Because percentages resolved against indefinite sizes behave as ''auto'',
4183 this gives better behavior in shrink-wrapped flex containers. 4183 this gives better behavior in shrink-wrapped flex containers.
4184 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-20">Issue 20</a>) 4184 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-20">Issue 20</a>)
4185 <blockquote> 4185 <blockquote>
4186 <p>When omitted from the 'flex' shorthand, its specified value is <ins>''0%''</ins> <del>the length zero</del>. 4186 <p>When omitted from the 'flex' shorthand, its specified value is <ins>''0%''</ins> <del>the length zero</del>.
4187 </blockquote> 4187 </blockquote>
4188 <blockquote> 4188 <blockquote>
4189 <dl> 4189 <dl>
4200 and if that containing block's size is <a>indefinite</a>, 4200 and if that containing block's size is <a>indefinite</a>,
4201 the result is <del>undefined</del> <ins>the same as a <a>main size</a> of <a value for=width>auto</a></ins>. 4201 the result is <del>undefined</del> <ins>the same as a <a>main size</a> of <a value for=width>auto</a></ins>.
4202 </blockquote> 4202 </blockquote>
4203 <li id="change-2012-static-pos"> 4203 <li id="change-2012-static-pos">
4204 Simplified the static position of abspos children of <a>flex containers</a> to be consistent with Grid Layout. 4204 Simplified the static position of abspos children of <a>flex containers</a> to be consistent with Grid Layout.
4205 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-6">Issue 6</a>) 4205 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-6">Issue 6</a>)
4206 <blockquote> 4206 <blockquote>
4207 An absolutely-positioned child of a <a>flex container</a> does not participate in flex layout 4207 An absolutely-positioned child of a <a>flex container</a> does not participate in flex layout
4208 beyond the <a href="#algo-flex-order">reordering step</a>. 4208 beyond the <a href="#algo-flex-order">reordering step</a>.
4209 4209
4210 <del> 4210 <del>
4284 </blockquote> 4284 </blockquote>
4285 <li id="change-2012-flex-continuity"> 4285 <li id="change-2012-flex-continuity">
4286 Changed algorithm for <a href="#resolve-flexible-lengths">resolving flexible lengths</a> 4286 Changed algorithm for <a href="#resolve-flexible-lengths">resolving flexible lengths</a>
4287 to make behavior continuous as the sum of the flex factors approaches zero. 4287 to make behavior continuous as the sum of the flex factors approaches zero.
4288 (No change for a sum &ge; 1.) 4288 (No change for a sum &ge; 1.)
4289 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-30">Issue 30</a>) 4289 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-30">Issue 30</a>)
4290 Replaces <a href="http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/#resolve-flexible-lengths">this section</a> 4290 Replaces <a href="http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/#resolve-flexible-lengths">this section</a>
4291 with <a href="#resolve-flexible-lengths">this one</a>. 4291 with <a href="#resolve-flexible-lengths">this one</a>.
4292 </ul> 4292 </ul>
4293 4293
4294 <h4 id="changes-2014-clarify"> 4294 <h4 id="changes-2014-clarify">
4312 <p>Re-order the flex items <ins>and absolutely positioned flex container children</ins> according to their 'order'. 4312 <p>Re-order the flex items <ins>and absolutely positioned flex container children</ins> according to their 'order'.
4313 </blockquote> 4313 </blockquote>
4314 <li id="clarify-2012-float-display"> 4314 <li id="clarify-2012-float-display">
4315 Clarified that 'float' still affects the computed 'display' 4315 Clarified that 'float' still affects the computed 'display'
4316 (which may affect box-fixup rules that run prior to flex item determination). 4316 (which may affect box-fixup rules that run prior to flex item determination).
4317 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-7">Issue 7</a>) 4317 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-7">Issue 7</a>)
4318 <blockquote> 4318 <blockquote>
4319 <p>'float' and 'clear' have no effect on a <a>flex item</a><ins>, 4319 <p>'float' and 'clear' have no effect on a <a>flex item</a><ins>,
4320 and do not take it out-of-flow. 4320 and do not take it out-of-flow.
4321 However, the 'float' property can still affect box generation 4321 However, the 'float' property can still affect box generation
4322 by influencing the 'display' property's computed value.</ins> 4322 by influencing the 'display' property's computed value.</ins>
4323 </blockquote> 4323 </blockquote>
4324 <li id="clarify-2012-white-space"> 4324 <li id="clarify-2012-white-space">
4325 Clarify what is meant by “white space”. (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-26">Issue 26</a>) 4325 Clarify what is meant by “white space”. (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-26">Issue 26</a>)
4326 <blockquote> 4326 <blockquote>
4327 <p>However, an anonymous flex item that contains only 4327 <p>However, an anonymous flex item that contains only
4328 <a href="http://www.w3.org/TR/CSS2/text.html#white-space-prop">white space</a> 4328 <a href="http://www.w3.org/TR/CSS2/text.html#white-space-prop">white space</a>
4329 <ins>(i.e. characters that can be affected by the 'white-space' property)</ins> 4329 <ins>(i.e. characters that can be affected by the 'white-space' property)</ins>
4330 is not rendered, as if it were ''display:none''. 4330 is not rendered, as if it were ''display:none''.
4351 <li id="clarify-2012-stretch-computed-auto"> 4351 <li id="clarify-2012-stretch-computed-auto">
4352 Clarify that <a value for=align-self>stretch</a> checks for the <em>computed</em> 4352 Clarify that <a value for=align-self>stretch</a> checks for the <em>computed</em>
4353 value of the cross-size property being <a value for=width>auto</a>, 4353 value of the cross-size property being <a value for=width>auto</a>,
4354 which means that percentage cross-sizes that behave as <a value for=width>auto</a> 4354 which means that percentage cross-sizes that behave as <a value for=width>auto</a>
4355 (because they don't resolve against definite sizes) aren't stretched. 4355 (because they don't resolve against definite sizes) aren't stretched.
4356 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-5">Issue 5</a>) 4356 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-5">Issue 5</a>)
4357 <blockquote> 4357 <blockquote>
4358 <dl> 4358 <dl>
4359 <dt>stretch 4359 <dt>stretch
4360 <dd> 4360 <dd>
4361 <p> 4361 <p>
4378 <li id="clarify-2012-painting-order"> 4378 <li id="clarify-2012-painting-order">
4379 Clarified that 'order'-modified document order is used instead of raw document order when painting. 4379 Clarified that 'order'-modified document order is used instead of raw document order when painting.
4380 (This was already stated in the 'order' section, but not in the section explicitly about painting order.) 4380 (This was already stated in the 'order' section, but not in the section explicitly about painting order.)
4381 <li id="clarify-2012-line-breaking"> 4381 <li id="clarify-2012-line-breaking">
4382 Clarified line-breaking to precisely handle negatively-sized flex items and zero-size items at the end of a line. 4382 Clarified line-breaking to precisely handle negatively-sized flex items and zero-size items at the end of a line.
4383 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-1">Issue 1</a>) 4383 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-1">Issue 1</a>)
4384 <blockquote> 4384 <blockquote>
4385 <p> Otherwise, 4385 <p> Otherwise,
4386 starting from the first uncollected item, 4386 starting from the first uncollected item,
4387 collect <ins>consecutive items one by one 4387 collect <ins>consecutive items one by one
4388 until the first time that the <em>next</em> collected item 4388 until the first time that the <em>next</em> collected item
4403 onto the end of the previous line 4403 onto the end of the previous line
4404 even if the last non-zero item exactly "filled up" the line. 4404 even if the last non-zero item exactly "filled up" the line.
4405 </blockquote> 4405 </blockquote>
4406 <li id="clarify-2012-clamping"> 4406 <li id="clarify-2012-clamping">
4407 Clarified that flex container cross sizes are still clamped by the flex container's min/max properties. 4407 Clarified that flex container cross sizes are still clamped by the flex container's min/max properties.
4408 (<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-24">Issue 24</a>) 4408 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-24">Issue 24</a>)
4409 <blockquote> 4409 <blockquote>
4410 <ul> 4410 <ul>
4411 <li> 4411 <li>
4412 If the cross size property is a <a>definite</a> size, 4412 If the cross size property is a <a>definite</a> size,
4413 use that, 4413 use that,

Mercurial Repository: drafts

mercurial