LayoutTests/fast/multicol/newmulticol/float-paginate-complex.html - Issue 25687002: Add support for the column-fill property.

Side by Side Diff: LayoutTests/fast/multicol/newmulticol/float-paginate-complex.html

Issue 25687002: Add support for the column-fill property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Put changes to problematic files (for the bots) back in. Created 7 years, 2 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

« no previous file with comments | « LayoutTests/fast/multicol/newmulticol/float-paginate.html ('k') | LayoutTests/fast/multicol/newmulticol/float-paginate-complex-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <script>	1 <script>

2 internals.settings.setRegionBasedColumnsEnabled(true)	2 internals.settings.setRegionBasedColumnsEnabled(true)

3 </script>	3 </script>

4 <body style="overflow:hidden;">	4 <body style="overflow:hidden;">

5 <div style="-webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px">	5 <div style="-moz-column-width:300px; -webkit-column-width:300px; column-width:30 0px; column-fill:auto; border:2px solid black; height:400px">

6 This is some text.<br>	6 This is some text.<br>

7 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>	7 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>

8 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>	8 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>

9 This is some text.<br>	9 This is some text.<br>

10 <p><span style="float:left;font-size:128px;">T</span>	10 <p><span style="float:left;font-size:128px;">T</span>

11 his is some text.<br>	11 his is some text.<br>

12 This is some text.<br>This is some text.<br>	12 This is some text.<br>This is some text.<br>

13 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>	13 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>

14 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>	14 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>

15 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>	15 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>

16 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>	16 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>

17 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p>	17 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p>

18 </div>	18 </div>

19	19

20 <div style="margin-top:1em; -webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px">	20 <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; column-width:300px; column-fill:auto; border:2px solid black; height:400px">

21 This is some text.<br>	21 This is some text.<br>

22 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>	22 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>

23 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>	23 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>

24 This is some text.<br>	24 This is some text.<br>

25 <p><img style="float:left;width:100px;height:100px;background-color:green"><img style="float:right;width:100px;height:200px;background-color:green">	25 <p><img style="float:left;width:100px;height:100px;background-color:green"><img style="float:right;width:100px;height:200px;background-color:green">

26 This is some text<br>	26 This is some text<br>

27 This is some text.<br>This is some text.<br>	27 This is some text.<br>This is some text.<br>

28 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>	28 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>

29 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>	29 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>

30 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>	30 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br>

31 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>	31 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>

32 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p>	32 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br></p>

33 </div>	33 </div>

34	34

35 <div style="margin-top:1em; -webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px">	35 <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; column-width:300px; column-fill:auto; border:2px solid black; height:400px">

36 <img style="float:left;background-color:green; width:300px;height:390px">	36 <img style="float:left;background-color:green; width:300px;height:390px">

37 Longer text designed to test float and wrapping behavior. Longer text designed t o test float and wrapping behavior.	37 Longer text designed to test float and wrapping behavior. Longer text designed t o test float and wrapping behavior.

38 Longer text designed to test float and wrapping behavior.	38 Longer text designed to test float and wrapping behavior.

39 Longer text designed to test float and wrapping behavior.	39 Longer text designed to test float and wrapping behavior.

40 Longer text designed to test float and wrapping behavior.	40 Longer text designed to test float and wrapping behavior.

41 </div>	41 </div>

42	42

43 <div style="margin-top:1em; -webkit-column-width:300px;-moz-column-width:300px; border:2px solid black; height:400px">	43 <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; column-width:300px; column-fill:auto; border:2px solid black; height:400px">

44 <img style="float:left;background-color:blue; width:100%;height:380px">	44 <img style="float:left;background-color:blue; width:100%;height:380px">

45 <span style="font-size:24px"><img style="float:left;background-color:green;heigh t:20px;width:100px">	45 <span style="font-size:24px"><img style="float:left;background-color:green;heigh t:20px;width:100px">

46	46

47 Longer text designed <img style="float:right;background-color:green;height:20px; width:100px">to test float and wrapping behavior. Longer text designed to test f loat and wrapping behavior.	47 Longer text designed <img style="float:right;background-color:green;height:20px; width:100px">to test float and wrapping behavior. Longer text designed to test f loat and wrapping behavior.

48 Longer text designed to test float and wrapping behavior.	48 Longer text designed to test float and wrapping behavior.

49 Longer text designed to test float and wrapping behavior.	49 Longer text designed to test float and wrapping behavior.

50 Longer text designed to test float and wrapping behavior.	50 Longer text designed to test float and wrapping behavior.

51 </span>	51 </span>

52 </div>	52 </div>

OLD	NEW