third_party/WebKit/LayoutTests/fast/forms/input-table.html

   1 This tests minMaxWidth for text fields.
   2
   3 <p>Test case 1</p>
   4 <table style="border: 3px solid blue;">
   5     <tr><td style="border: 3px solid red"><input style="width: 100px;" type=text></td></tr>
   6 </table>
   7 <p>Test case 2</p>
   8 <table style="border: 3px solid blue;">
   9     <tr><td>first</td><td style="border: 3px solid red"><input style="width: 100px;" type=text></td></tr>
  10     <tr><td>second</td><td style="border: 3px solid red" align="right"><input style="width: 100px;" type=text></td></tr>
  11 </table>
  12
  13 <p>Test case 3</p>
  14 <table style="border: 3px solid blue;" width="35">
  15 <tr><td style="border: 3px solid red">width 30px<input type="text" style="width: 30px;"></td></tr>
  16 </table>
  17
  18 <p>Test case 4</p>
  19 <table style="border: 3px solid blue;">
  20 <tr><td style="border: 3px solid red"><input type="text" style="width: 100%;" value="width 100%"></td></tr>
  21 <tr><td style="border: 3px solid red"><div style="width: 200px;">200px</div></td></tr>
  22 </table>
  23
  24 <p>Test case 5</p>
  25 <table style="border: 3px solid blue;">
  26     <tr><td style="border: 3px solid red"><input style="max-width: 70px;" value="max 70px"></td></tr>
  27 </table>
  28
  29 <p>Test case 6</p>
  30 <table style="border: 3px solid blue;">
  31 <tr><td style="border: 3px solid red"><input type="text" style="min-width: 100px" value="min-width 100px"></td></tr>
  32 <tr><td style="border: 3px solid red"><div style="width: 70px;">70px</div></td></tr>
  33 </table>