<!DOCTYPE html>
<html>
<head>
<title>Testcase, bug 1351924</title>
<meta charset="UTF-8">
</head>
<body>
  <div id="outer" style="background-color: red; height: 200px;">
    <div style="height: 50%; background-color: blue;">
      <div style="height: 100%; background-color: green; display: inline-block; vertical-align: top;">Green</div>
      <div style="height: 100px; background-color: yellow; display: inline-block; vertical-align: top;">Yellow</div>
    </div>
  </div>
  <script>
    let d = document.getElementById("outer");
    d.offsetHeight; // flush layout
    d.style.height = "auto";
  </script>
</body>
</html>