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