layout/reftests/flexbox/flexbox-widget-flex-items-2.html

   1 <!DOCTYPE html>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <!--
   7     This testcase checks that, for any widgets that have a single valid size
   8     (and hence refuse to flex), we don't honor the "min-width" property
   9     when running the flex algorithm, just as we don't honor it outside
  10     of flexbox contexts.
  11 -->
  12 <html>
  13 <head>
  14   <style>
  15     div.flexbox {
  16       display: flex;
  17       align-items: flex-start;
  18       background: lightgray;
  19       width: 400px;
  20       height: 40px;
  21       margin-bottom: 10px;
  22     }
  23     div.flexbox > * {
  24       min-width: 350px;
  25       outline: 1px dashed black;
  26       margin: 0;
  27       vertical-align: top;
  28     }
  29   </style>
  30 </head>
  31 <body>
  32   <div class="flexbox"><input type="button"></div>
  33   <div class="flexbox"><input type="checkbox"></div>
  34   <div class="flexbox"><input type="file"></div>
  35   <div class="flexbox"><input type="image"></div>
  36   <div class="flexbox"><input type="password"></div>
  37   <div class="flexbox"><input type="radio"></div>
  38   <div class="flexbox"><input type="reset"></div>
  39   <div class="flexbox"><input type="submit"></div>
  40   <div class="flexbox"><input type="text"></div>
  41 </body>
  42 </html>