forked from mirrors/gecko-dev
110450dee9
Automatic update from web-platform-tests[LayoutNG] Support anonymous table cells natively. Use LayoutObjectFactory when creating anonymous table cells, just like we already do for non-anonymous cells. We used to create legacy LayoutTableCell objects for anonymous cells, but allowed children to be NG. This was bad, since we should only switch engines at formatting context boundaries. One NG change was necessary here: Only anonymous *blocks* should inherit % resolution size. Anonymous table cells should NOT. This prevents fast/table/percent-height-inside-anonymous-cell.html from regressing. This made one existing test pass. Also added a new one. Two tests not related to tables regressed. Separate bugs reported. Some rebaselining was also necessary, since NG handles text runs and whitespace slightly differently. Cq-Include-Trybots: luci.chromium.try :linux_layout_tests_layout_ng Change-Id: Ibbb77073f1fbe1841ebf102c8bce440046f73319 Reviewed-on: https://chromium-review.googlesource.com/1122218 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Reviewed-by: David Grogan <dgrogan@chromium.org> Reviewed-by: Emil A Eklund <eae@chromium.org> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Cr-Commit-Position: refs/heads/master@{#572753} -- wpt-commits: 6562ed003eebcd25d093ae52d68de28a0ae0d786 wpt-pr: 11755 MozReview-Commit-ID: 6XbTBEjeesL
20 lines
980 B
HTML
20 lines
980 B
HTML
<!DOCTYPE html>
|
|
<title>Anonymous table cells with semi-complex margin collapsing inside</title>
|
|
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
|
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#block-formatting" title="9.4.1 Block formatting contexts">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div style="display:table; height:100px; background:red;">
|
|
<div style="display:table-row; background:green;">
|
|
<div style="width:100px; margin:50px 0;">
|
|
<div style="margin:50px 0;"></div>
|
|
</div>
|
|
<div style="margin:50px 0;"></div>
|
|
</div>
|
|
<div style="display:table-row; background:green;">
|
|
<div style="margin:50px 0;"></div>
|
|
</div>
|
|
<!-- The above rows should use all available height, and the last
|
|
row should get nothing (or there'll be red). -->
|
|
<div style="display:table-row;"></div>
|
|
</div>
|