Make abspos static position be the flex container, per discussion with alexmog and tabatkins.

Author: fantasai

css3-flexbox/Overview.html

@@ -382,19 +382,16 @@ <h2 class="no-num no-toc" id=table>Table of contents</h2>
 
    <li><a href="#flex-items"><span class=secno>4. </span> Flex Items</a>
     <ul class=toc>
-     <li><a href="#abspos-items"><span class=secno>4.1. </span> Out-of-flow
-      Items</a>
-
-     <li><a href="#item-margins"><span class=secno>4.2. </span> Flex Item
+     <li><a href="#item-margins"><span class=secno>4.1. </span> Flex Item
       Margins</a>
 
-     <li><a href="#painting"><span class=secno>4.3. </span> Flex Item
+     <li><a href="#painting"><span class=secno>4.2. </span> Flex Item
       Painting</a>
 
-     <li><a href="#visibility-collapse"><span class=secno>4.4. </span>
+     <li><a href="#visibility-collapse"><span class=secno>4.3. </span>
       Collapsed Items</a>
 
-     <li><a href="#min-size-auto"><span class=secno>4.5. </span> Implied
+     <li><a href="#min-size-auto"><span class=secno>4.4. </span> Implied
       Minimum Size of Flex Items</a>
     </ul>
 
@@ -980,49 +977,25 @@ <h2 id=flex-items><span class=secno>4. </span> Flex Items</h2>
    ruby) or otherwise mangle the box tree (e.g. run-ins). It is intended that
    flex item determination run after these operations.
 
-  <h3 id=abspos-items><span class=secno>4.1. </span> Out-of-flow Items</h3>
-
-  <p> Absolutely positioned children of a flex container are not themselves
-   <a href="#flex-item"><i>flex items</i></a>, but they leave behind
-   "placeholders" in their hypothetical normal-flow position in the box tree.
-   These placeholders are anonymous inline boxes with a width, height, and
-   line-height of ‘<code class=css>0</code>’, and they become flex items.
-   
-
-  <div class=example>
-   <pre>&lt;div style="display:flex">
-    &lt;!-- flex item: zero-width zero-height abspos placeholder
-         The principal box containing "abspos" is out-of-flow, and not a flex item. -->
-    &lt;div style="position: absolute">abspos&lt;/span>
-&lt;/div></pre>
-  </div>
+  <p id=abspos-items> The <a
+   href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">hypothetical
+   box</a> used to calculate the <i>static position</i> <a href="#CSS21"
+   rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> of an absolutely-positioned
+   flex item corresponds to the content-box of the flex container. (This
+   effectively defines the <i>static position</i> as the head start
+   content-box corner of the flex container.) As in block layout, the
+   absolutely-positioned box has no effect on the layout of surrounding
+   content.
 
-  <p> The <i>static position</i> of an absolutely positioned child of a flex
-   container (the position when the ‘<code
-   class=property>top</code>’/‘<code
-   class=property>right</code>’/‘<code
-   class=property>bottom</code>’/‘<code class=property>left</code>’
-   properties are ‘<a href="#align-self-auto"><code
-   class=css>auto</code></a>’), then, is the final position of its
-   corresponding placeholder, after flex layout has been performed.
-
-  <p class=note> Note: In most cases, this means that absolutely-positioned
-   items have no effect on flex layout. However, when the flex container has
-   ‘<code class=css>justify-content: space-between</code>’ or ‘<code
-   class=css>justify-content: space-around</code>’, the anonymous flex
-   items wrapping a placeholder will cause there to be two packing spaces
-   where there would otherwise be only one, possibly resulting in increased
-   space between two "real" items.
-
-  <h3 id=item-margins><span class=secno>4.2. </span> Flex Item Margins</h3>
+  <h3 id=item-margins><span class=secno>4.1. </span> Flex Item Margins</h3>
 
   <p> The margins of adjacent <a href="#flex-item"><i>flex items</i></a> do
    not collapse. Auto margins absorb extra space in the corresponding
    dimension and can be used for alignment and to push adjacent flex items
    apart; see <a href="#auto-margins">Aligning with ‘<code
    class=css>auto</code>’ margins</a>.
 
-  <h3 id=painting><span class=secno>4.3. </span> Flex Item Painting</h3>
+  <h3 id=painting><span class=secno>4.2. </span> Flex Item Painting</h3>
 
   <p> <a href="#flex-item"><i>Flex items</i></a> paint exactly the same as
    block-level elements in the normal flow, except that ‘<code
@@ -1034,7 +1007,7 @@ <h3 id=painting><span class=secno>4.3. </span> Flex Item Painting</h3>
   <p class=note> Note: Descendants that are positioned outside a flex item
    still participate in any stacking context established by the flex item.
 
-  <h3 id=visibility-collapse><span class=secno>4.4. </span> Collapsed Items</h3>
+  <h3 id=visibility-collapse><span class=secno>4.3. </span> Collapsed Items</h3>
 
   <p> Specifying ‘<code class=css>visibility:collapse</code>’ on a flex
    item causes it to become a <dfn id=collapsed-flex-item
@@ -1162,7 +1135,7 @@ <h3 id=visibility-collapse><span class=secno>4.4. </span> Collapsed Items</h3>
    class=css>visibility: collapse</code>’ is still recommended for dynamic
    cases.)
 
-  <h3 id=min-size-auto><span class=secno>4.5. </span> Implied Minimum Size of
+  <h3 id=min-size-auto><span class=secno>4.4. </span> Implied Minimum Size of
    Flex Items</h3>
 
   <p> To provide a more reasonable default minimum size for flex items, this
@@ -4109,10 +4082,10 @@ <h2 class=no-num id=index>Index</h2>
     title="''center''"><strong>8.2.</strong></a>
 
    <li>collapsed, <a href="#collapsed-flex-item"
-    title=collapsed><strong>4.4.</strong></a>
+    title=collapsed><strong>4.3.</strong></a>
 
    <li>collapsed flex item, <a href="#collapsed-flex-item"
-    title="collapsed flex item"><strong>4.4.</strong></a>
+    title="collapsed flex item"><strong>4.3.</strong></a>
 
    <li>‘<a href="#flex-flow-column"><code class=css>column</code></a>’,
     <a href="#flex-flow-column" title="''column''"><strong>5.1.</strong></a>
@@ -4262,7 +4235,7 @@ <h2 class=no-num id=index>Index</h2>
     title=main-start><strong>2.</strong></a>
 
    <li>min-width/height:auto, <a href="#min-auto"
-    title="min-width/height:auto"><strong>4.5.</strong></a>
+    title="min-width/height:auto"><strong>4.4.</strong></a>
 
    <li>multi-line, <a href="#multi-line"
     title=multi-line><strong>6.</strong></a>

css3-flexbox/Overview.src.html

@@ -659,35 +659,14 @@ <h2 id='flex-items'>
 		Future display types may generate anonymous containers (e.g. ruby) or otherwise mangle the box tree (e.g. run-ins).
 		It is intended that flex item determination run after these operations.
 
-<h3 id='abspos-items'>
-Out-of-flow Items</h3>
-
-	<p>
-		Absolutely positioned children of a flex container are not themselves <i>flex items</i>, 
-		but they leave behind "placeholders" in their hypothetical normal-flow position in the box tree. 
-		These placeholders are anonymous inline boxes with a width, height, and line-height of ''0'', 
-		and they become flex items.
-
-	<div class="example">
-		<pre>&lt;div style="display:flex">
-    &lt;!-- flex item: zero-width zero-height abspos placeholder
-         The principal box containing "abspos" is out-of-flow, and not a flex item. -->
-    &lt;div style="position: absolute">abspos&lt;/span>
-&lt;/div></pre>
-	</div>
-
-	<p>
-		The <i>static position</i> of an absolutely positioned child of a flex container 
-		(the position when the 'top'/'right'/'bottom'/'left' properties are ''auto''), then, 
-		is the final position of its corresponding placeholder, after flex layout has been performed.
-
-	<p class='note'>
-		Note: In most cases, 
-		this means that absolutely-positioned items have no effect on flex layout.
-		However, when the flex container has ''justify-content: space-between'' or ''justify-content: space-around'', 
-		the anonymous flex items wrapping a placeholder will cause there to be two packing spaces
-		where there would otherwise be only one, 
-		possibly resulting in increased space between two "real" items.
+	<p id='abspos-items'>
+		The <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">hypothetical box</a> used to calculate the <i>static position</i> [[!CSS21]]
+		of an absolutely-positioned flex item corresponds to
+		the content-box of the flex container.
+		(This effectively defines the <i>static position</i> as
+		the head start content-box corner of the flex container.)
+		As in block layout, the absolutely-positioned box has no effect
+		on the layout of surrounding content.
 
 <h3 id='item-margins'>
 Flex Item Margins</h3>
@@ -698,7 +677,6 @@ <h3 id='item-margins'>
 		and to push adjacent flex items apart;
 		see <a href="#auto-margins">Aligning with ''auto'' margins</a>.
 
-
 <h3 id='painting'>
 Flex Item Painting</h3>
 

css3-flexbox/issues-lc-2012.html

@@ -177,24 +177,24 @@ <h1>CSS Flexible Box Layout Level 3 Disposition of Comments for 2012-06-12 LCWD<
 Comment:  <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0190.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0190.html</a>
 Closed:   Accepted
 </pre>
-<pre class="open" id="issue-17">
+<pre class="a open" id="issue-17">
 Issue 17. <a href="#issue-17">#</a>
 Summary:  Does 'order' affect abspos placeholders?
 From:     呂康豪 (Kang-Hao Lu)
-Comment:  http://lists.w3.org/Archives/Public/www-style/2012Jul/0167.html
-Open
+Comment:  <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0167.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0167.html</a>
+Closed:   Accepted
 </pre>
-<pre class="r" id="issue-18">
-Issue 18. <a href="issue-18">#</a>
+<pre class="a open" id="issue-18">
+Issue 18. <a href="#issue-18">#</a>
 Summary:  Absolutely-positioned flex items should not affect layout in flex container
 From:     John Hax
 Comment:  <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0258.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0258.html</a>
 Response: <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0262.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0262.html</a>
 Comment:  <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0419.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0419.html</a>
-Closed:   Rejected
+Closed:   Accepted
 </pre>
 <pre class="a" id="issue-19">
-Issue 19. <a href="issue-19">#</a>
+Issue 19. <a href="#issue-19">#</a>
 Summary:  Flexbox needs examples with different writing modes
 From:     i18nWG
 Comment:  <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0269.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0269.html</a>
@@ -204,15 +204,15 @@ <h1>CSS Flexible Box Layout Level 3 Disposition of Comments for 2012-06-12 LCWD<
 Closed:   Accepted
 </pre>
 <pre class="a" id="issue-20">
-Issue 20. <a href="issue-20">#</a>
+Issue 20. <a href="#issue-20">#</a>
 Summary:  Baseline determination underdefined
 From:     i18nWG
 Comment:  <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0271.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0271.html</a>
 Response: <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0274.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0274.html</a>
 Closed:   Accepted
 </pre>
 <pre class="a" id="issue-21">
-Issue 21. <a href="issue-21">#</a>
+Issue 21. <a href="#issue-21">#</a>
 Summary:  Tables as flex items underdefined
 From:     fantasai
 Comment:  <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0385.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0385.html</a>

css3-flexbox/issues-lc-2012.txt

@@ -137,7 +137,7 @@ From:     John Hax
 Comment:  http://lists.w3.org/Archives/Public/www-style/2012Jul/0258.html
 Response: http://lists.w3.org/Archives/Public/www-style/2012Jul/0262.html
 Comment:  http://lists.w3.org/Archives/Public/www-style/2012Jul/0419.html
-Closed:   Rejected
+Closed:   Accepted
 ----
 Issue 19.
 Summary:  Flexbox needs examples with different writing modes