overflow-clip-box-3.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

  <meta charset="utf-8">

  <title>Testcase for 'overflow-clip-box: content-box' (Bug 1226305)</title>

  <style>

  .test {

    overflow-clip-box: content-box;

    overflow: hidden;

    padding: 20px;

    background: green content-box;

    width: 300px;

    height: 20px;

    border: 1px solid;

  .test > div {

    margin-top: -40px;

    height: 40px;

    background: red;

  </style>

  <body>

    <p>There should be no red areas.</p>

    <div class="test"><div>FAIL</div></div>

    <div class="test"><div style="width: 200%">FAIL</div></div>

    <div class="test"><div style="margin-left: 100%; height:20px; margin-top:0">FAIL</div></div>

    <div class="test"><div style="margin-left: -100px">FAIL</div></div>

    <div class="test"><div style="margin-left: -100%; width: 100%; height:20px; margin-top:0">FAIL</div></div>

  </body>

</html>