min-intrinsic-with-width-percents-across-form-controls.html 1.9 KB

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