| <!DOCTYPE html> |
| <html> |
| <head> |
| |
| <meta name="viewport" content="width=800"> |
| <style> |
| html { font-size: 16px; } |
| body { margin: 0; overflow-y: hidden; } |
| </style> |
| |
| <script src="resources/autosizingTest.js"></script> |
| |
| </head> |
| <body style="width: 640px; position: relative"> |
| |
| <div style="position: absolute; overflow: auto"> |
| This text should be autosized to 32px computed font size, but the position:absolute causes this to be a new cluster, so it shouldn't affect the footer.<br> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
| </div> |
| |
| <div style="margin-top: 185px; float: left"> |
| This text should be autosized to 32px computed font size, but the float:left causes this to be a new cluster, so it shouldn't affect the footer.<br> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
| </div> |
| |
| <table cellpadding="0" cellspacing="0"> |
| <tr> |
| <td> |
| This text should be autosized to 32px computed font size, but being a table cell causes this to be a new cluster, so it shouldn't affect the footer.<br> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
| </td> |
| </tr> |
| </table> |
| |
| <!-- FIXME: Include vertical writing-mode example once http://webkit.org/b/96557 is fixed. --> |
| |
| <div> |
| This shouldn't be autosized (computed font size should remain 16px), as all text above is in other clusters, so the root cluster doesn't contain enough text. |
| </div> |
| |
| </body> |
| </html> |