Skip to content

Commit b37083d

Browse files
committed
Add text handling table flex items. <http://lists.w3.org/Archives/Public/www-style/2012Jul/0385.html> (and update DoC)
1 parent 080afca commit b37083d

4 files changed

Lines changed: 46 additions & 17 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -206,11 +206,11 @@
206206

207207
<h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
208208

209-
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 18 July 2012</h2>
209+
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 19 July 2012</h2>
210210

211211
<dl>
212212
<dt>This version:
213-
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120718/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120718/</a>-->
213+
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120719/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120719/</a>-->
214214

215215

216216
<dd><a
@@ -977,13 +977,31 @@ <h2 id=flex-items><span class=secno>4. </span> Flex Items</h2>
977977
ruby) or otherwise mangle the box tree (e.g. run-ins). It is intended that
978978
flex item determination run after these operations.
979979

980+
<p id=table-items> On a flex item with ‘<code class=css>display:
981+
table</code>’, the table wrapper box becomes the <a
982+
href="#flex-item"><i>flex item</i></a>, and the ‘<a href="#order"><code
983+
class=property>order</code></a>’ and ‘<a href="#align-self"><code
984+
class=property>align-self</code></a>’ properties apply to it. However,
985+
like ‘<code class=property>width</code>’ and ‘<code
986+
class=property>height</code>’, the ‘<a href="#flex"><code
987+
class=property>flex</code></a>’ longhands apply to the table box as
988+
follows: The contents of any caption boxes contribute to the calculation
989+
of the table wrapper box's min-content and max-content sizes. However, the
990+
<a href="#flex-item"><i>flex item</i></a><code class=css>s final size
991+
is calculated by first laying out the captions, and then performing layout
992+
as if the distance between the table wrapper box</code>’s edges and the
993+
table box's content edges were all part of the table box's border+padding
994+
area, and the table box were the <a href="#flex-item"><i>flex
995+
item</i></a>.
996+
980997
<p id=abspos-items> The <a
981998
href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">hypothetical
982999
box</a> used to calculate the <i>static position</i> <a href="#CSS21"
9831000
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> of an absolutely-positioned
984-
flex item corresponds to the content-box of the flex container. (This
985-
effectively defines the <i>static position</i> as the head start
986-
content-box corner of the flex container.) As in block layout, the
1001+
<a href="#flex-item"><i>flex item</i></a> corresponds to the content-box
1002+
of the flex container. (This effectively defines the <i>static
1003+
position</i> as the <i>head</i> <i>start</i> content-box corner of the <a
1004+
href="#flex-container"><i>flex container</i></a>.) As in block layout, the
9871005
absolutely-positioned box has no effect on the layout of surrounding
9881006
content.
9891007

css3-flexbox/Overview.src.html

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -659,12 +659,25 @@ <h2 id='flex-items'>
659659
Future display types may generate anonymous containers (e.g. ruby) or otherwise mangle the box tree (e.g. run-ins).
660660
It is intended that flex item determination run after these operations.
661661

662+
<p id="table-items">
663+
On a flex item with ''display: table'', the table wrapper box becomes the <i>flex item</i>,
664+
and the 'order' and 'align-self' properties apply to it.
665+
However, like 'width' and 'height', the 'flex' longhands apply to the table box as follows:
666+
The contents of any caption boxes contribute to the calculation of
667+
the table wrapper box's min-content and max-content sizes.
668+
However, the <i>flex item</i>'s final size is calculated by
669+
first laying out the captions,
670+
and then performing layout as if the distance between
671+
the table wrapper box's edges and the table box's content edges
672+
were all part of the table box's border+padding area,
673+
and the table box were the <i>flex item</i>.
674+
662675
<p id='abspos-items'>
663676
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]]
664-
of an absolutely-positioned flex item corresponds to
677+
of an absolutely-positioned <i>flex item</i> corresponds to
665678
the content-box of the flex container.
666679
(This effectively defines the <i>static position</i> as
667-
the head start content-box corner of the flex container.)
680+
the <i>head</i> <i>start</i> content-box corner of the <i>flex container</i>.)
668681
As in block layout, the absolutely-positioned box has no effect
669682
on the layout of surrounding content.
670683

css3-flexbox/issues-lc-2012.html

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -65,13 +65,13 @@ <h1>CSS Flexible Box Layout Level 3 Disposition of Comments for 2012-06-12 LCWD<
6565
Response: <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0046.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0046.html</a>
6666
Closed: Accepted
6767
</pre>
68-
<pre class="open" id="issue-4">
68+
<pre class="a" id="issue-4">
6969
Issue 4. <a href="#issue-4">#</a>
7070
Summary: order might be too generic of a name
7171
From: fantasai
7272
Comment: <a href="http://www.w3.org/mid/4FBD8B99.4090101@inkedblade.net">http://www.w3.org/mid/4FBD8B99.4090101@inkedblade.net</a>
73-
Closed: Accepted
74-
Open: Pending a name
73+
Response: <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0442.html">http://lists.w3.org/Archives/Public/www-style/2012Jul/0442.html</a>
74+
Closed: Rejected
7575
</pre>
7676
<pre class="a" id="issue-5">
7777
Issue 5. <a href="#issue-5">#</a>
@@ -177,21 +177,21 @@ <h1>CSS Flexible Box Layout Level 3 Disposition of Comments for 2012-06-12 LCWD<
177177
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>
178178
Closed: Accepted
179179
</pre>
180-
<pre class="a open" id="issue-17">
180+
<pre class="open" id="issue-17">
181181
Issue 17. <a href="#issue-17">#</a>
182182
Summary: Does 'order' affect abspos placeholders?
183183
From: 呂康豪 (Kang-Hao Lu)
184184
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>
185-
Closed: Accepted
185+
Open
186186
</pre>
187-
<pre class="a open" id="issue-18">
187+
<pre class="open" id="issue-18">
188188
Issue 18. <a href="#issue-18">#</a>
189189
Summary: Absolutely-positioned flex items should not affect layout in flex container
190190
From: John Hax
191191
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>
192192
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>
193193
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>
194-
Closed: Accepted
194+
Closed: Accepted pending WG approval?
195195
</pre>
196196
<pre class="a" id="issue-19">
197197
Issue 19. <a href="#issue-19">#</a>
@@ -217,5 +217,4 @@ <h1>CSS Flexible Box Layout Level 3 Disposition of Comments for 2012-06-12 LCWD<
217217
From: fantasai
218218
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>
219219
Closed: Accepted
220-
OPEN NEEDS EDITS
221220
</pre>

css3-flexbox/issues-lc-2012.txt

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ From: John Hax
137137
Comment: http://lists.w3.org/Archives/Public/www-style/2012Jul/0258.html
138138
Response: http://lists.w3.org/Archives/Public/www-style/2012Jul/0262.html
139139
Comment: http://lists.w3.org/Archives/Public/www-style/2012Jul/0419.html
140-
Closed: Accepted
140+
Closed: Accepted pending WG approval?
141141
----
142142
Issue 19.
143143
Summary: Flexbox needs examples with different writing modes
@@ -160,5 +160,4 @@ Summary: Tables as flex items underdefined
160160
From: fantasai
161161
Comment: http://lists.w3.org/Archives/Public/www-style/2012Jul/0385.html
162162
Closed: Accepted
163-
OPEN NEEDS EDITS
164163
----

0 commit comments

Comments
 (0)