<!doctype html>
<style>
body, table, tbody {
contain: size layout;
}
</style>
<script src="../../resources/check-layout.js"></script>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script type="text/javascript">
function reparentRow() {
document.getElementById("table2").appendChild(document.getElementById("row"));
checkLayout("#table2");
}
runAfterLayoutAndPaint(reparentRow, true);
</script>
<p>This shouldn't crash and there should be a green square.</p>
<table>
<tr id="row"><td style="height:50px;width:50px;background:green" data-expected-width=16 data-expected-height=16></td></tr>
</table>
<table id="table2" style="height:20px;width:20px">
</table>