fractional-percent-width.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-tables/fractional-percent-width.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

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

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

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

<link rel="author" title="Jihwan Marc Kim" href="mailto:bluewhale.marc@gmail.com" />

<link rel="help" href="https://crbug.com/1283025" />

<meta name="flags" content="" />

<meta name="assert" content="percent lengths of fractional td width should rendered correctly" />

<style>

  main div {

    position: relative;

    border: 1px solid black;

    width: 400px;

  .cell {

    background-color: skyblue;

    height: 20px;

</style>

<p>

  Tests that percent lengths of fractional td width should rendered correctly

  even it is smaller than 1.

</p>

<hr />

<output id="log"></output>

<main>

  <div>

    <table width="100%">

      <tbody>

        <tr>

          <td class="cell" width="0.5%" data-expected-client-width="2"></td>

          <td>0.5%</td>

        </tr>

      </tbody>

    </table>

    <table width="100%">

      <tbody>

        <tr>

          <td class="cell" width="1%" data-expected-client-width="4"></td>

          <td>1%</td>

        </tr>

      </tbody>

    </table>

    <table width="100%">

      <tbody>

        <tr>

          <td class="cell" width="5%" data-expected-client-width="20"></td>

          <td>5%</td>

        </tr>

      </tbody>

    </table>

  </div>

</main>

<script>

  checkLayout(".cell");

</script>