Skip to content

Commit fec09a2

Browse files
author
Greg Whitworth
committed
[css-tables] Made multiple editorial changes and clarified areas for TPAC discussions
1 parent 180b348 commit fec09a2

File tree

1 file changed

+18
-9
lines changed

1 file changed

+18
-9
lines changed

css-tables-3/Overview.bs

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -296,14 +296,23 @@ spec:css21; type:property; text:max-width
296296
<li>Children of a <a>table-column-group</a> which are not a <a>table-column</a> are treated
297297
as if they had <code>display: none</code>.
298298

299-
<li>Anonymous inline boxes which contains only white space,
300-
are the first or last child of a <a>tabular container</a>,
301-
and whose immediately preceding or following sibling (if any) is a <a>table-non-root</a> element,
299+
<li>Anonymous inline boxes which contain only white space and
300+
are between two immediate siblings each of which is a <a>table-non-root</a> box,
302301
are treated as if they had <code>display: none</code>.
303302

304-
<li>Anonymous inline boxes which contains only white space and
305-
are between two immediate siblings each of which is a <a>table-non-root</a> element,
303+
<li>Anonymous inline boxes which contain only white space,
304+
are the first and/or last child of a <a>tabular container</a>,
305+
and whose immediate sibling (if any) is a <a>table-non-root</a> box,
306306
are treated as if they had <code>display: none</code>.
307+
<div class="issue">
308+
This (combined with previous rule) is a breaking change from <a href="https://drafts.csswg.org/css2/tables.html#anonymous-boxes">CSS 2.1</a>.
309+
Edge is the only implementation of the complex version so we might as well drop it.
310+
The spec now covers Firefox behavior.
311+
Chrome collapses everything which is a bug anyway.
312+
<a href="https://jsfiddle.net/nbh4r9u8/1/" class="hint">!!Testcase</a>.
313+
<a href="https://jsfiddle.net/nbh4r9u8/2/" class="hint">!Testcase</a>.
314+
<a href="https://jsfiddle.net/nbh4r9u8/3/" class="hint">!Testcase</a>.
315+
</div>
307316

308317
</ol>
309318
</li>
@@ -329,12 +338,12 @@ spec:css21; type:property; text:max-width
329338
<li><b>Generate missing parents:</b>
330339
<ol>
331340
<li>An anonymous <a>table-row</a> box must be generated
332-
around each sequence of consecutive <a>table-cell</a> box
341+
around each sequence of consecutive <a>table-cell</a> boxes
333342
whose parent is not a <a>table-row</a>.
334343
<a class="hint" href="https://jsfiddle.net/hj2w7wwa/5/">Testcase</a>
335344

336345
<li>An anonymous <a>table</a> or <a>inline-table</a> box must be generated
337-
around each sequence of consecutive <a>proper table child</a> box
346+
around each sequence of consecutive <a>proper table child</a> boxes
338347
which are misparented.
339348
If the box's parent is an inline box,
340349
then an <a>inline-table</a> box must be generated;
@@ -618,10 +627,10 @@ spec:css21; type:property; text:max-width
618627
</div>
619628

620629
<p>
621-
Apply the <a href="https://www.w3.org/TR/html5/tabular-data.html#forming-a-table">HTML5 Table Formatting algorithm</a> on the HTMLified box tree,
630+
Apply the <a href="https://www.w3.org/TR/html5/tabular-data.html#forming-a-table">HTML5 Table Formatting algorithm</a>,
622631
where boxes act like <a href="#display-types">the HTML element equivalent to their display type</a>,
623632
and use the attributes of their originating element only if it as an HTML element of the same type
624-
(otherwise, they act like if they didnt't have any attribute).
633+
(otherwise, they act like they didnt't have any attribute).
625634

626635
<p class="note">
627636
The HTML Table Formatting algorithm sometimes generates more tracks than necessary to layout the table properly.

0 commit comments

Comments
 (0)