| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 |
| 5 <meta name="viewport" content="width=800"> |
| 6 <style> |
| 7 html { font-size: 16px; } |
| 8 body { width: 800px; margin: 0; overflow-y: hidden; } |
| 9 </style> |
| 10 |
| 11 </head> |
| 12 <body> |
| 13 |
| 14 <div style="position: fixed; top: 0; left: 0; right: 0"> |
| 15 This text should not be autosized (its computed font size should remain 16px
), since the position:fixed causes it to be considered to have constrained heigh
t.<br> |
| 16 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tem
por incididunt ut labore et dolore magna aliqua. |
| 17 <div style="float: left; width: 100%; font-size: 2.5rem"> |
| 18 This text should be autosized to 40px computed font size, since it is wi
thin a float:left, so constrained height is no longer a concern.<br> |
| 19 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor. |
| 20 </div> |
| 21 </div> |
| 22 |
| 23 <div style="position: absolute; bottom: 0; left: 0; right: 0"> |
| 24 This text should not be autosized (its computed font size should remain 16px
), since the position:absolute causes it to be considered to have constrained he
ight.<br> |
| 25 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tem
por incididunt ut labore et dolore magna aliqua. |
| 26 <div style="overflow: auto; font-size: 2.5rem"> |
| 27 This text should be autosized to 40px computed font size, since it is wi
thin an overflow:auto, so constrained height is no longer a concern.<br> |
| 28 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor. |
| 29 </div> |
| 30 </div> |
| 31 |
| 32 </body> |
| 33 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 16019004:
Text Autosizing: Treat position:absolute/fixed as constrained height. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk