third_party/WebKit/LayoutTests/css3/flexbox/nested-orthogonal-flexbox-relayout.html

   1 <!DOCTYPE html>
   2 <style>
   3 #column {
   4     display: flex;
   5     flex-direction: column;
   6     border: 5px solid yellow;
   7 }
   8
   9 #row {
  10     display: flex;
  11     flex-direction: row;
  12     border: 5px solid blue;
  13 }
  14
  15 .item {
  16     border: 5px solid green;
  17 }
  18 </style>
  19 <body>
  20 <div id="column">
  21     <div id="row">
  22         <div class="item">This text should not overflow its box</div>
  23     </div>
  24 </div>
  25 <script>
  26 var columnBox = document.getElementById("column");
  27 columnBox.offsetHeight;
  28 columnBox.style.width = "200px";
  29 </script>