|
16 | 16 |
|
17 | 17 | <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1> |
18 | 18 |
|
19 | | - <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 19 September 2011</h2> |
| 19 | + <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 30 September 2011</h2> |
20 | 20 |
|
21 | 21 | <dl> |
22 | 22 | <dt>This version: |
23 | 23 |
|
24 | | - <dd><!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20110919/">http://www.w3.org/TR/2011/WD-css3-flexbox-20110919/</a></dd> --> |
| 24 | + <dd><!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20110930/">http://www.w3.org/TR/2011/WD-css3-flexbox-20110930/</a></dd> --> |
25 | 25 | <a |
26 | 26 | href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a> |
27 | 27 |
|
@@ -834,15 +834,27 @@ <h3 id=resolving-flexible-lengths><span class=secno>4.2. </span> Resolving |
834 | 834 | href="#flexible-length0"><i>flexible lengths</i></a> in proportion to |
835 | 835 | their <a href="#negative-flexibility"><i>negative flexibility</i></a>. |
836 | 836 |
|
837 | | - <li>If any <a href="#flexible-length0"><i>flexible length</i></a> is |
838 | | - violating a min or max width or height constraint, change it into an |
839 | | - inflexible length that's not violating the constraint, then go back to |
840 | | - the previous step. Keep repeating this until either there are no <a |
841 | | - href="#flexible-length0"><i>flexible lengths</i></a> left, or every <a |
842 | | - href="#flexible-length0"><i>flexible length</i></a> has successfully |
843 | | - resolved without violating any constraints. |
| 837 | + <li>If there's free space and any <a href="#flexible-length0"><i>flexible |
| 838 | + lengths</i></a> are violating a max width or height constraint, change |
| 839 | + them into the largest inflexible length that doesn't violate their |
| 840 | + constraint and return to step 2. If the flexbox is overflowing and any <a |
| 841 | + href="#flexible-length0"><i>flexible lengths</i></a> are violating a min |
| 842 | + width or height constraint, change them into the smallest inflexible |
| 843 | + length that doesn't violate their constraint and return to step 2. |
| 844 | + |
| 845 | + <li>If there's free space and any <a href="#flexible-length0"><i>flexible |
| 846 | + lengths</i></a> are violating a min width or height constraint, change |
| 847 | + them into the smallest inflexible length that doesn't violate their |
| 848 | + constraint and return to step 2. If the flexbox is overflowing and any <a |
| 849 | + href="#flexible-length0"><i>flexible lengths</i></a> are violating a max |
| 850 | + width or height constraint, change them into the largest inflexible |
| 851 | + length that doesn't violate their constraint and return to step 2. |
844 | 852 | </ol> |
845 | 853 |
|
| 854 | + <p class=issue>This is too much detail for a non-normative section. This is |
| 855 | + living here only until I flesh out the layout algorithm section. Then this |
| 856 | + can return to being a fairly simple explanation of what goes on. |
| 857 | + |
846 | 858 | <p>If a flexible length is used in a context where it is not allowed (for |
847 | 859 | example, on the ‘<code class=property>width</code>’ property |
848 | 860 | of an element that is not a <a href="#flexbox-item"><i>flexbox |
|
0 commit comments