W3C home > Mailing lists > Public > public-css-commits@w3.org > January 2012

csswg/css3-flexbox Overview.html,1.105,1.106 Overview.src.html,1.105,1.106

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 25 Jan 2012 19:01:58 +0000
To: public-css-commits@w3.org
Message-Id: <E1Rq86Y-00065q-26@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv23408

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Make float compute as normal, but have no effect, on flexbox items.  Add an example about a floated inline child of a flexbox.

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.105
retrieving revision 1.106
diff -u -d -r1.105 -r1.106
--- Overview.html	24 Jan 2012 23:46:45 -0000	1.105
+++ Overview.html	25 Jan 2012 19:01:55 -0000	1.106
@@ -29,11 +29,11 @@
 
    <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 24 January 2012</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 25 January 2012</h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120124/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120124/</a>-->
+     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120125/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120125/</a>-->
      
 
     <dd><a
@@ -493,8 +493,14 @@
     class=property>break-after</code>&rsquo; are still valid on a flexbox).
 
    <li>&lsquo;<code class=property>float</code>&rsquo; and &lsquo;<code
-    class=property>clear</code>&rsquo; compute to their initial values on a
-    flexbox item
+    class=property>clear</code>&rsquo; have no effect on a flexbox item.
+    Using &lsquo;<code class=property>float</code>&rsquo; on an element still
+    causes that element's &lsquo;<code class=property>display</code>&rsquo;
+    property to compute to &lsquo;<code class=css>block</code>&rsquo;, as
+    normal, because that occurs before flexbox items are determined (the
+    algorithm for wrapping children of a flexbox into <a
+    href="#flexbox-item"><i>flexbox items</i></a> needs the computed value of
+    &lsquo;<code class=property>display</code>&rsquo;).
 
    <li>&lsquo;<code class=property>vertical-align</code>&rsquo; has no effect
     on a flexbox item
@@ -567,6 +573,9 @@
 
     &lt;!-- flexbox item: inline-table -->
     &lt;div id="item9" style="display:inline-table">table&lt;/div>
+
+    &lt;!-- flexbox item: floated inline, which changes to a block -->
+    &lt;span id="item10" style="float: left;">span&lt;/span>
 &lt;/div></pre>
 
    <p>Notice that block element "not-an-item6.3" is not a separate flexbox

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.105
retrieving revision 1.106
diff -u -d -r1.105 -r1.106
--- Overview.src.html	24 Jan 2012 23:46:45 -0000	1.105
+++ Overview.src.html	25 Jan 2012 19:01:55 -0000	1.106
@@ -163,7 +163,7 @@
 	<ul>
 		<li>all of the 'column-*' properties in the Multicol module compute to their initial values on a flexbox ('break-before', 'break-inside', and 'break-after' are still valid on a flexbox).</li>
 
-		<li>'float' and 'clear' compute to their initial values on a flexbox item</li>
+		<li>'float' and 'clear' have no effect on a flexbox item.  Using 'float' on an element still causes that element's 'display' property to compute to ''block'', as normal, because that occurs before flexbox items are determined (the algorithm for wrapping children of a flexbox into <i>flexbox items</i> needs the computed value of 'display').</li>
 
 		<li>'vertical-align' has no effect on a flexbox item</li>
 	</ul>
@@ -229,6 +229,9 @@
 
     &lt;!-- flexbox item: inline-table -->
     &lt;div id="item9" style="display:inline-table">table&lt;/div>
+
+    &lt;!-- flexbox item: floated inline, which changes to a block -->
+    &lt;span id="item10" style="float: left;">span&lt;/span>
 &lt;/div></pre>
 
 		<p>Notice that block element "not-an-item6.3" is not a separate flexbox item, because it is contained inside an inline element which is being wrapped into an anonymous flex item.  Similarly, the block element "not-an-item1.5" is not a flexbox item, because it's absolutely positioned and thus out of flow.</p>
Received on Wednesday, 25 January 2012 19:01:59 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:44:49 UTC