layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls.html

   1 <!DOCTYPE HTML>
   2 <title>Tests for bug 823483 / bug 1247929</title>
   3 <style>
   4
   5 body, input { font-size: 10px }
   6 input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
   7
   8 td:first-child {
   9    background: aqua;
  10    border: thin solid;
  11    padding: 1px 0;
  12 }
  13
  14 td:nth-child(2) {
  15   width: 100%;
  16 }
  17
  18 td:nth-child(1) > * { visibility: hidden; vertical-align: bottom; width: 100% }
  19
  20 </style>
  21
  22 <table><tr>
  23   <td><input type="text"></td>
  24   <td>input type="text"</td>
  25 </tr></table>
  26
  27 <table><tr>
  28   <td><input type="button" value="Button"></td>
  29   <td>input type="button"</td>
  30 </tr></table>
  31
  32 <table><tr>
  33   <td><button>Button</button></td>
  34   <td>button</td>
  35 </tr></table>
  36
  37 <table><tr>
  38   <td><fieldset>Fieldset</fieldset></td>
  39   <td>fieldset</td>
  40 </tr></table>
  41
  42 <table><tr>
  43   <td><input type="file"></td>
  44   <td>input type="file"</td>
  45 </tr></table>
  46
  47 <table><tr>
  48   <td><input type="radio"></td>
  49   <td>input type="radio"</td>
  50 </tr></table>
  51
  52 <table><tr>
  53   <td><input type="checkbox"></td>
  54   <td>input type="checkbox"</td>
  55 </tr></table>
  56
  57 <table><tr>
  58   <td><input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII="></td>
  59   <td>input type="image"</td>
  60 </tr></table>
  61
  62 <table><tr>
  63   <td><select><option>One</option><option>Two</option></select></td>
  64   <td>select</td>
  65 </tr></table>
  66
  67 <table><tr>
  68   <td><select size="2"><option>One</option><option>Two</option></select></td>
  69   <td>select size="2"</td>
  70 </tr></table>
  71
  72 <table><tr>
  73   <td><meter max="10" value="5"></meter></td>
  74   <td>meter</td>
  75 </tr></table>
  76
  77 <table><tr>
  78   <td><input type="number"></td>
  79   <td>input type="number"</td>
  80 </tr></table>
  81
  82 <table><tr>
  83   <td><progress></progress></td>
  84   <td>progress</td>
  85 </tr></table>
  86
  87 <table><tr>
  88   <td><input type="range"></td>
  89   <td>input type="range"</td>
  90 </tr></table>
  91
  92 <table><tr>
  93   <td><textarea></textarea></td>
  94   <td>textarea</td>
  95 </tr></table>