percent-height-overflow-auto-in-restricted-block-size-cell.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-tables/percent-height-overflow-auto-in-restricted-block-size-cell.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">

<link rel="help" href="https://drafts.csswg.org/css-tables-3/#row-layout">

<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">

<style>

  .table { display:table; height:100px; background:pink; }

  .cell { overflow:auto; width:100px; height:100%; background:blue; }

</style>

<p>There should be a 100px tall pink block below, with a scrollable box inside.</p>

<div id="container" class="table" data-expected-height="100">

  <div class="cell" data-expected-height="100" data-expected-scroll-height="500">

    <div style="width:100px; height:500px;"></div>

  </div>

</div>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/resources/check-layout-th.js"></script>

<script>

  checkLayout("#container");

</script>