| <!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> |
