min-intrinsic-with-max-width-percents-across-form-controls.html (1970B)
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; max-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>