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
50 lines
1.1 KiB
HTML
50 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/check-layout-th.js"></script>
|
|
<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="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" />
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="All rows of equal intrinsic height should be increased the same amount, regardless of which group they are in, thead+tbody case" />
|
|
<title>
|
|
all row groups receive extra height distribution
|
|
</title>
|
|
|
|
<style>
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
td {
|
|
padding: 0px;
|
|
}
|
|
|
|
td div {
|
|
width: 100px;
|
|
height:10px;
|
|
}
|
|
|
|
thead, tbody {
|
|
outline: 2px solid lightblue;
|
|
}
|
|
|
|
</style>
|
|
|
|
<table id="theTable" style="height:100px">
|
|
<thead data-expected-height=50>
|
|
<tr>
|
|
<td><div></div></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-expected-height=50>
|
|
<tr>
|
|
<td><div></div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<script>
|
|
checkLayout('#theTable')
|
|
</script>
|