OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <meta name="viewport" content="width=800"> |
| 5 <style> |
| 6 html { font-size: 16px; } |
| 7 body { width: 400px; margin: 0; overflow-y: hidden; } |
| 8 table { border-spacing: 0; } |
| 9 td { padding: 0; } |
| 10 .yellow { background-color: yellow; } |
| 11 </style> |
| 12 <script src="resources/autosizingTest.js"></script> |
| 13 </head> |
| 14 <body> |
| 15 <table style="width: 700px"> |
| 16 <tr><td> |
| 17 <table><tr> |
| 18 <td> |
| 19 This test passes if the yellow highlight fully covers the long text |
| 20 without spaces in the cell below. This ensures the inner table is |
| 21 inflated before the preferred width calculation occurs. |
| 22 </td> |
| 23 </tr></table> |
| 24 </td></tr> |
| 25 <tr><td> |
| 26 <table class="yellow"><tr> |
| 27 <td><div> |
| 28 text...text...text...text...text...text...text...text...text...end! |
| 29 </div></td> |
| 30 </tr></table> |
| 31 </td></tr> |
| 32 </table> |
| 33 </body> |
| 34 </html> |
OLD | NEW |