| 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> |