Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(169)

Side by Side Diff: LayoutTests/fast/text-autosizing/clusters-insufficient-text-expected.html

Issue 25512005: Enable experimental support for sub-pixel font scaling (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 4
5 <meta name="viewport" content="width=800"> 5 <meta name="viewport" content="width=800">
6 <style> 6 <style>
7 html { font-size: 16px; } 7 html { font-size: 16px; }
8 body { width: 800px; margin: 0; overflow-y: hidden; } 8 body { width: 800px; margin: 0; overflow-y: hidden; }
9 </style> 9 </style>
10 10
11 </head> 11 </head>
12 <body> 12 <body>
13 13
14 <div style="position: absolute; overflow: auto"> 14 <div style="position: absolute; overflow: auto">
15 This text should not be autosized (its computed font size should remain 16px ), since the position:absolute causes this to be a new cluster, and this cluster doesn't contain enough text. 15 This text should not be autosized (its computed font size should remain 16px ), since the position:absolute causes this to be a new cluster, and this cluster doesn't contain enough text.
16 </div> 16 </div>
17 17
18 <div style="margin-top: 3em; float: left"> 18 <div style="margin-top: 3em; float: left">
19 This text should not be autosized (its computed font size should remain 16px ), since the float:left causes this to be a new cluster, and this cluster doesn' t contain enough text. 19 This text should not be autosized (its computed font size should remain 16px ), since the float:left causes this to be a new cluster, and this cluster doesn' t contain enough text.
20 </div> 20 </div>
21 21
22 <table> 22 <table cellpadding="0" cellspacing="0">
23 <tr> 23 <tr>
24 <td style="width: 50%"> 24 <td style="width: 50%">
25 This shouldn't be autosized: table cell =&gt; new cluster, and it do esn't contain enough text. 25 This shouldn't be autosized: table cell =&gt; new cluster, and it do esn't contain enough text.
26 </td> 26 </td>
27 <td style="width: 50%; font-size: 1.25rem"> 27 <td style="width: 50%; font-size: 1.25rem">
28 However this text should be autosized to 20px computed font size, si nce this table cell does contain enough text.<br> 28 However this text should be autosized to 20px computed font size, si nce this table cell does contain enough text.<br>
29 Lorem ipsum dolor sit amet, consectetur adipisicing elit. 29 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
30 </td> 30 </td>
31 </tr> 31 </tr>
32 </table> 32 </table>
33 33
34 <div style="-webkit-writing-mode: vertical-rl"> 34 <div style="-webkit-writing-mode: vertical-rl">
35 This text should not be autosized (its computed font size should remain 16px ), since the perpendicular writing-mode compared to its containing block causes this to be a new cluster, and this cluster doesn't contain enough text (or have large enough logicalWidth). 35 This text should not be autosized (its computed font size should remain 16px ), since the perpendicular writing-mode compared to its containing block causes this to be a new cluster, and this cluster doesn't contain enough text (or have large enough logicalWidth).
36 </div> 36 </div>
37 37
38 <div style="font-size: 2.5rem"> 38 <div style="font-size: 2.5rem">
39 This text is here to make sure the root cluster has enough text and hence ge ts autosized, so when the divs above don't get autosized it's because they forme d a new cluster.<br> 39 This text is here to make sure the root cluster has enough text and hence ge ts autosized, so when the divs above don't get autosized it's because they forme d a new cluster.<br>
40 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tem por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis n ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Dui s aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fug iat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culp a qui officia deserunt mollit anim id est laborum. 40 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tem por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis n ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Dui s aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fug iat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culp a qui officia deserunt mollit anim id est laborum.
41 </div> 41 </div>
42 42
43 </body> 43 </body>
44 </html> 44 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698