third_party/WebKit/LayoutTests/css3/flexbox/stretch-input-in-column-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <link rel="stylesheet" href="resources/flexbox.css">
   4 <style>
   5 .flexbox {
   6     background-color: grey;
   7 }
   8 .flexbox > * {
   9     flex: 1;
  10 }
  11 </style>
  12 <body>
  13 <p>Form controls that are stretched in a column flexbox should not overflow the flexbox.</p>
  14 <div class="flexbox">
  15     <input>
  16 </div>
  17 <div class="flexbox">
  18     <textarea></textarea>
  19 </div>
  20 <div class="flexbox">
  21     <input type="button">
  22 </div>
  23 <div class="flexbox">
  24     <select></select>
  25 </div>
  26 <div class="flexbox">
  27     <legend style="border: 2px solid black">legend</legend>
  28 </div>
  29 <div class="flexbox">
  30     <div type="border: 4px solid black; padding: 10px;">
  31 </div>
  32 </body>
  33 </html>