LayoutTests/css3/flexbox/auto-height-dynamic.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 .flexbox {
   5     width: 600px;
   6     display: -webkit-flexbox;
   7     background-color: #aaa;
   8     position: relative;
   9     -webkit-flex-flow: column;
  10 }
  11 .flexbox :nth-child(1) {
  12     background-color: blue;
  13 }
  14 </style>
  15 <script>
  16 if (window.layoutTestController)
  17     layoutTestController.dumpAsText();
  18 </script>
  19 <script src="resources/flexbox.js"></script>
  20 <body onload="checkFlexBoxen()">
  21
  22 <div class="flexbox" data-expected-height=0>
  23     <div class="flexitem" data-expected-height=0 style="height: 100px"></div>
  24 </div>
  25
  26 <div class="flexbox" data-expected-height=0>
  27     <div class="flexitem2" data-expected-height=0 style="height: 100px"></div>
  28 </div>
  29
  30 <script>
  31 document.querySelector('.flexitem').offsetHeight;
  32 document.querySelector('.flexitem2').offsetHeight;
  33 document.querySelector('.flexitem').style.height = "-webkit-flex(1)";
  34 document.querySelector('.flexitem2').style.height = "-webkit-flex(1 auto)";
  35 </script>
  36
  37 </body>
  38 </html>