<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="author" title="Joy Yu" href="mailto:joysyu@mit.edu">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#visibility-collapse-cell-rendering">
<h1>Visibility collapse</h1>
<a href="https://drafts.csswg.org/css-tables-3/#computing-the-table-width">Spec</a>
<p>
When a row is collapsed, a cell spanning the row may get clipped. When the row is then uncollapsed,
the browser should not crash because the cell's children should be correctly updated and laid out.
</p>
<table>
  <tr>
    <td><div style="width: 10px; height: 10px"></div></td>
    <td rowspan="2">
      <div style="outline: 1px solid cyan">
        Overflow Overflow Overflow</div>
    </td>
  </tr>
  <tr id="rowToCollapse">
    <td><div style="width: 10px; height: 10px"></div></td>
  </tr>
</table>

<script>
    test(() => {
    row = document.getElementById("rowToCollapse");
    row.style.visibility = "collapse";
    step_timeout(function(){ row.style.visibility = "visible"; }, 500);
    }, "No crash or assertion failure. crbug.com/753515");
</script>