| <!DOCTYPE html> |
| <html style="font-size: 16px"> |
| <head> |
| <meta name="viewport" content="width=800"> |
| <style> |
| body { |
| width: 800px; |
| margin: 0; |
| overflow-y: hidden; |
| } |
| .largersize{font-size: 1.1em} |
| </style> |
| <script src="resources/autosizingTest.js"></script> |
| </head> |
| <body> |
| <div> |
| This paragraph should be autosized to 40px<br/> |
| because it contains line breaks.<br/> |
| This test is intended to check<br/> |
| that there are no oscillations due to javascript<br/> |
| briefly increasing the font size of a<br/> |
| small paragraph below. |
| </div> |
| <div id="sizechanging" style="position: absolute; bottom: 0;"> |
| This text changes size using javascript below. |
| </div> |
| <script> |
| var element = document.getElementById("sizechanging"); |
| var forceLayout = element.offsetHeight; |
| element.className = 'largersize'; |
| forceLayout = element.offsetHeight; |
| element.className = ''; |
| forceLayout = element.offsetHeight; |
| </script> |
| </body> |
| </html> |