@@ -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