Explicitly make all the HTML replaced elements always be flexbox items.

--HG--
extra : rebase_source : 79e59924bd774a6f345365cac61805f7409a3a48

Author: tabatkins

css3-flexbox/Overview.html

@@ -30,11 +30,11 @@
 
    <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 10 May 2012</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 11 May 2012</h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120510/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120510/</a>-->
+     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120511/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120511/</a>-->
 
 
     <dd><a
@@ -577,6 +577,15 @@ <h2 id=flex-items><span class=secno>4. </span> Flexbox Items</h2>
 
    <li> An atomic inline-level child of a flexbox element
 
+   <li> An HTML <code>&lt;img></code>, <code>&lt;canvas></code>,
+    <code>&lt;svg></code>, <code>&lt;math></code>, <code>&lt;audio></code>,
+    <code>&lt;video></code>, <code>&lt;iframe></code>,
+    <code>&lt;object></code>, or <code>&lt;embed></code> element. <span
+    class=note>Note: In other words, any element that is "intended to be" a
+    replaced element, even if it becomes non-replaced (like an
+    <code>&lt;img></code> that doesn't load as is replaced by its alt
+    text.)</span>
+
    <li> An anonymous block element wrapped around a contiguous run of
     non-replaced inline child elements. However, if the contents of the
     anonymous block would be solely an anonymous inline containing only
@@ -2261,11 +2270,12 @@ <h3 id=line-sizing><span class=secno>9.2. </span> Line Length Determination</h3>
       basis, that's the hypothetical size.
 
      <li> Otherwise, if the flexbox's main-axis is parallel to the item's
-      inline-axis, lay out the item using its flex basis and the available
-      space, treating &lsquo;<code class=css>auto</code>&rsquo; as
-      &lsquo;<code class=css>max-content</code>&rsquo; unless the item's
-      writing mode is perpendicular to the flexbox's writing mode (in which
-      case <a
+      inline-axis, lay out the item using the available space and its flex
+      basis if the item is inflexible, or &lsquo;<code
+      class=css>auto</code>&rsquo; otherwise, treating &lsquo;<code
+      class=css>auto</code>&rsquo; as &lsquo;<code
+      class=css>max-content</code>&rsquo; unless the item's writing mode is
+      perpendicular to the flexbox's writing mode (in which case <a
       href="http://www.w3.org/TR/css3-writing-modes/#orthogonal-flows">the
       rules for a box in an orthogonal flow</a> <a href="#CSS3-WRITING-MODES"
       rel=biblioentry>[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>
@@ -2276,8 +2286,10 @@ <h3 id=line-sizing><span class=secno>9.2. </span> Line Length Determination</h3>
       under that constraint instead. The hypothetical size is the item's
       resulting measure.
 
-     <li> Otherwise, lay out the item using the available space, treating
-      &lsquo;<code class=css>auto</code>&rsquo; as &lsquo;<code
+     <li> Otherwise, lay out the item using the available space and its flex
+      basis if the item is inflexible, or &lsquo;<code
+      class=css>auto</code>&rsquo; otherwise, treating &lsquo;<code
+      class=css>auto</code>&rsquo; as &lsquo;<code
       class=css>max-content</code>&rsquo; unless the item's writing mode is
       perpendicular to the flexbox's writing mode (in which case <a
       href="http://www.w3.org/TR/css3-writing-modes/#orthogonal-flows">the

css3-flexbox/Overview.src.html

@@ -270,6 +270,19 @@ <h2 id='flex-items'>
 		<li>
 			An atomic inline-level child of a flexbox element
 
+		<li>
+			An HTML 
+			<code>&lt;img></code>, 
+			<code>&lt;canvas></code>,
+			<code>&lt;svg></code>,
+			<code>&lt;math></code>,
+			<code>&lt;audio></code>, 
+			<code>&lt;video></code>, 
+			<code>&lt;iframe></code>, 
+			<code>&lt;object></code>,
+			or <code>&lt;embed></code> element.
+			<span class='note'>Note: In other words, any element that is "intended to be" a replaced element, even if it becomes non-replaced (like an <code>&lt;img></code> that doesn't load as is replaced by its alt text.)</span>
+
 		<li>
 			An anonymous block element wrapped around a contiguous run of non-replaced inline child elements.  
 			However, if the contents of the anonymous block would be solely an anonymous inline containing only whitespace, 
@@ -1496,8 +1509,9 @@ <h3 id='line-sizing'>
 				<li>
 					Otherwise,
 					if the flexbox's main-axis is parallel to the item's inline-axis,
-					lay out the item using its flex basis
-					and the available space,
+					lay out the item using the available space
+					and its flex basis if the item is inflexible, 
+					or ''auto'' otherwise,
 					treating ''auto'' as ''max-content''
 					unless the item's writing mode is perpendicular to the flexbox's writing mode
 					(in which case <a href="http://www.w3.org/TR/css3-writing-modes/#orthogonal-flows">the rules for a box in an orthogonal flow</a> [[!CSS3-WRITING-MODES]] are in effect).
@@ -1508,8 +1522,9 @@ <h3 id='line-sizing'>
 
 				<li>
 					Otherwise,
-					lay out the item
-					using the available space,
+					lay out the item using the available space
+					and its flex basis if the item is inflexible, 
+					or ''auto'' otherwise,
 					treating ''auto'' as ''max-content'' 
 					unless the item's writing mode is perpendicular to the flexbox's writing mode
 					(in which case <a href="http://www.w3.org/TR/css3-writing-modes/#orthogonal-flows">the rules for a box in an orthogonal flow</a> [[!CSS3-WRITING-MODES]] are in effect).