<!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="[email protected]">
<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="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>