percent-height-overflow-visible-content-in-cell.html

<!DOCTYPE html>
<style>
table {
  height: 100px;
}
#content {
  height: 100%;
  width: 100%;
  overflow: visible;
}
</style>
<table class="test" data-expected-height=100 data-expected-width=82>
    <tr>
        <td class="test" data-expected-height=96 data-expected-width=78><div id="content" class="test" data-expected-height=94 data-expected-width=76><img id="img"></div></td>
    </tr>
</table>
<script src="../../resources/check-layout.js"></script>
<p> crbug.com/637811: Percent height overflow visible content in a cell should flex the height of the cell. </p>
<div id="output"></div>
<script>
img.addEventListener("load", onImageLoaded, false);
img.src = "../../images/resources/border-image-srgb-color-profile.png";
function onImageLoaded()
{
  document.body.offsetTop;
  checkLayout('.test', output);
}
</script>

chromium/third_party/blink/web_tests/fast/table/percent-height-overflow-visible-content-in-cell.html