<!DOCTYPE html>
<title>Make sure preferred width calculations stabilize when a child has overflow:auto</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<div style="height: 100%; position: absolute;">
  <div style="display:flex; height: 100%;">
    <div>
      <div style="display: flex; flex-direction: column; height: 100%;">
        <p>test</p>
        <div id="content" style="flex: auto; position: relative; overflow: auto;">
          <p style="position: absolute;">test</p>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
test(function() {
  document.getElementById('content').offsetTop;
}, "Hooray, no infinite loop.");
</script>