<!DOCTYPE html>
<style>
col { height: 200px; }
td { background-color: #66f; height: 25px; }
</style>
<script type="text/javascript">
onload = function () {
var col = document.getElementById('thecol');
col.offsetTop;
col.style.height="100px";
checkLayout("td", document.getElementById("test-output"));
}
</script>
<script src="../../resources/check-layout.js"></script>
Tests that the height of table cell changes on changing the colgroup height to new height.
<table style="-webkit-writing-mode: vertical-lr">
<colgroup>
<col id="thecol">
</colgroup>
<tbody>
<tr>
<td data-expected-height="100">Hello World</td>
</tr>
</tbody>
</table>
<div id="test-output"></div>