blob: bfc43a40f40e6c4ddeea47737095117cab7d1990 [file] [log] [blame]
This tests minMaxWidth for text fields.
<p>Test case 1</p>
<table style="border: 3px solid blue;">
<tr><td style="border: 3px solid red"><input style="width: 100px;" type=text></td></tr>
</table>
<p>Test case 2</p>
<table style="border: 3px solid blue;">
<tr><td>first</td><td style="border: 3px solid red"><input style="width: 100px;" type=text></td></tr>
<tr><td>second</td><td style="border: 3px solid red" align="right"><input style="width: 100px;" type=text></td></tr>
</table>
<p>Test case 3</p>
<table style="border: 3px solid blue;" width="35">
<tr><td style="border: 3px solid red">width 30px<input type="text" style="width: 30px;"></td></tr>
</table>
<p>Test case 4</p>
<table style="border: 3px solid blue;">
<tr><td style="border: 3px solid red"><input type="text" style="width: 100%;" value="width 100%"></td></tr>
<tr><td style="border: 3px solid red"><div style="width: 200px;">200px</div></td></tr>
</table>
<p>Test case 5</p>
<table style="border: 3px solid blue;">
<tr><td style="border: 3px solid red"><input style="max-width: 70px;" value="max 70px"></td></tr>
</table>
<p>Test case 6</p>
<table style="border: 3px solid blue;">
<tr><td style="border: 3px solid red"><input type="text" style="min-width: 100px" value="min-width 100px"></td></tr>
<tr><td style="border: 3px solid red"><div style="width: 70px;">70px</div></td></tr>
</table>