forked from mirrors/gecko-dev
4075d71389
Automatic update from web-platform-tests[css-tables] Test extra height distribution to row groups When a table has a specified fixed height that is more than needed by its rows chrome only distributes the extra height to the first table body, ignoring thead, tfoot, and other tbody elements. Note this only contains tests, not a fix. Bug: 708345 Change-Id: Ib477306459a2f49feffe354e2cf3fed9b27e74e1 Reviewed-on: https://chromium-review.googlesource.com/942040 Commit-Queue: David Grogan <dgrogan@chromium.org> Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#540760} wpt-commits: 325b754702b2dd03379747d7bb4ec50fc3988628 wpt-pr: 9721 wpt-commits: 325b754702b2dd03379747d7bb4ec50fc3988628 wpt-pr: 9721
42 lines
1 KiB
HTML
42 lines
1 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
|
|
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
|
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
|
<link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" />
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="height of rows in tbody are increased to match table height" />
|
|
<title>
|
|
all row groups receive extra height distribution
|
|
</title>
|
|
|
|
<style>
|
|
table {
|
|
background: green;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
td {
|
|
padding:0px;
|
|
}
|
|
|
|
#redSquare {
|
|
height: 100px;
|
|
width: 100px;
|
|
background-color: red;
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
</style>
|
|
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
|
</p>
|
|
<div id="redSquare"></div>
|
|
<table style="height:100px">
|
|
<tbody>
|
|
<tr>
|
|
<td><div style="display:inline-block; width:100px;">
|
|
</div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|