W3C home > Mailing lists > Public > public-css-commits@w3.org > September 2011

csswg/css3-flexbox Overview.html,1.70,1.71 Overview.src.html,1.70,1.71

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Fri, 30 Sep 2011 16:04:50 +0000
To: public-css-commits@w3.org
Message-Id: <E1R9fZz-0005k3-06@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv22057

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Added better detail to the section describing how to resolve flexible lengths.

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.70
retrieving revision 1.71
diff -u -d -r1.70 -r1.71
--- Overview.html	19 Sep 2011 17:13:12 -0000	1.70
+++ Overview.html	30 Sep 2011 16:04:48 -0000	1.71
@@ -16,12 +16,12 @@
 
    <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 19 September 2011</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 30 September 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <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> -->
+    <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> -->
      <a
      href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a>
      
@@ -834,15 +834,27 @@
     href="#flexible-length0"><i>flexible lengths</i></a> in proportion to
     their <a href="#negative-flexibility"><i>negative flexibility</i></a>.
 
-   <li>If any <a href="#flexible-length0"><i>flexible length</i></a> is
-    violating a min or max width or height constraint, change it into an
-    inflexible length that's not violating the constraint, then go back to
-    the previous step. Keep repeating this until either there are no <a
-    href="#flexible-length0"><i>flexible lengths</i></a> left, or every <a
-    href="#flexible-length0"><i>flexible length</i></a> has successfully
-    resolved without violating any constraints.
+   <li>If there's free space and any <a href="#flexible-length0"><i>flexible
+    lengths</i></a> are violating a max width or height constraint, change
+    them into the largest inflexible length that doesn't violate their
+    constraint and return to step 2. If the flexbox is overflowing and any <a
+    href="#flexible-length0"><i>flexible lengths</i></a> are violating a min
+    width or height constraint, change them into the smallest inflexible
+    length that doesn't violate their constraint and return to step 2.
+
+   <li>If there's free space and any <a href="#flexible-length0"><i>flexible
+    lengths</i></a> are violating a min width or height constraint, change
+    them into the smallest inflexible length that doesn't violate their
+    constraint and return to step 2. If the flexbox is overflowing and any <a
+    href="#flexible-length0"><i>flexible lengths</i></a> are violating a max
+    width or height constraint, change them into the largest inflexible
+    length that doesn't violate their constraint and return to step 2.
   </ol>
 
+  <p class=issue>This is too much detail for a non-normative section. This is
+   living here only until I flesh out the layout algorithm section. Then this
+   can return to being a fairly simple explanation of what goes on.
+
   <p>If a flexible length is used in a context where it is not allowed (for
    example, on the &lsquo;<code class=property>width</code>&rsquo; property
    of an element that is not a <a href="#flexbox-item"><i>flexbox

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.70
retrieving revision 1.71
diff -u -d -r1.70 -r1.71
--- Overview.src.html	19 Sep 2011 17:13:12 -0000	1.70
+++ Overview.src.html	30 Sep 2011 16:04:48 -0000	1.71
@@ -365,9 +365,13 @@
 
 		<li>If there's free space, distribute it among the <i>flexible lengths</i> in proportion to their <i>positive flexibility</i>.  If the flexbox is overflowing, shrink the <i>flexible lengths</i> in proportion to their <i>negative flexibility</i>.</li>
 
-		<li>If any <i>flexible length</i> is violating a min or max width or height constraint, change it into an inflexible length that's not violating the constraint, then go back to the previous step.  Keep repeating this until either there are no <i>flexible lengths</i> left, or every <i>flexible length</i> has successfully resolved without violating any constraints.</li>
+		<li>If there's free space and any <i>flexible lengths</i> are violating a max width or height constraint, change them into the largest inflexible length that doesn't violate their constraint and return to step 2.  If the flexbox is overflowing and any <i>flexible lengths</i> are violating a min width or height constraint, change them into the smallest inflexible length that doesn't violate their constraint and return to step 2.</li>
+
+		<li>If there's free space and any <i>flexible lengths</i> are violating a min width or height constraint, change them into the smallest inflexible length that doesn't violate their constraint and return to step 2.  If the flexbox is overflowing and any <i>flexible lengths</i> are violating a max width or height constraint, change them into the largest inflexible length that doesn't violate their constraint and return to step 2.</li>
 	</ol>
 
+	<p class='issue'>This is too much detail for a non-normative section.  This is living here only until I flesh out the layout algorithm section.  Then this can return to being a fairly simple explanation of what goes on.</p>
+
 	<p>If a flexible length is used in a context where it is not allowed (for example, on the 'width' property of an element that is not a <i>flexbox item</i>), it represents its <i>preferred size</i>.  Authors must not use flexible lengths in contexts where they are not allowed.</p>
 
 	<p class='issue'>Examples!</p>
Received on Friday, 30 September 2011 16:04:54 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 30 September 2011 16:04:55 GMT