<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="resources/flexbox.css">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script>
<script>
window.onload = function()
{
    var outer = document.getElementById("outer");
    outer.style.height = "300px";
    outer.offsetLeft;
    outer.style.height = "100px";
    checkLayout('#outer');
};
</script>
</head>
<body>
<div id=log></div>
<div id="outer" data-expected-height="100">
  <div class="flexbox" data-expected-height="100" style="height: 100%">
    <div class="flex-one" data-expected-height="100" style="overflow-y: auto; height: 100%">
        <div data-expected-height="100" style="height: 100%">
          <div data-expected-height="100" style="width: 100px; height: 100px; background-color: green"></div>
        </div>
    </div>
  </div>
</div>
</body>
</html>