LayoutTests/fast/text-autosizing/clusters-insufficient-width-expected.html - Issue 16019004: Text Autosizing: Treat position:absolute/fixed as constrained height.

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

Issue 16019004: Text Autosizing: Treat position:absolute/fixed as constrained height. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 7 months 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

« no previous file with comments | « LayoutTests/fast/text-autosizing/clusters-insufficient-width.html ('k') | LayoutTests/fast/text-autosizing/clusters-sufficient-text-except-in-root.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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; width: 320px">	14 <div style="position: absolute; overflow: auto; width: 320px">

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 isn't wide enough.	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 isn't wide enough.

16 </div>	16 </div>

17	17

18 <div style="margin-top: 6em; float: left; width: 320px">	18 <div style="margin-top: 6em; float: left; width: 320px">

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 isn't wide enough.	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 isn't wide enough.

20 </div>	20 </div>

21	21

22 <table>	22 <table>

23 <tr>	23 <tr>

24 <td style="width: 320px">	24 <td style="width: 320px">

25 This text should not be autosized (its computed font size should rem ain 16px), since being a table cell causes this to be a new cluster, and this cl uster isn't wide enough.	25 This text should not be autosized (its computed font size should rem ain 16px), since being a table cell causes this to be a new cluster, and this cl uster isn't wide enough.

26 </td>	26 </td>

27 </tr>	27 </tr>

28 </table>	28 </table>

29	29

30 <div style="-webkit-writing-mode: vertical-rl; height: 320px">	30 <div style="-webkit-writing-mode: vertical-rl; height: 320px">

31 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's logicalWidth isn't high enough.	31 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's logicalWidth isn't high enough.

32 </div>	32 </div>

33	33

34 <div style="font-size: 2.5rem">	34 <div style="font-size: 2.5rem">

35 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>	35 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>

36 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.	36 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.

37 </div>	37 </div>

38	38

39 </body>	39 </body>

40 </html>	40 </html>

OLD	NEW