LayoutTests/fast/multicol/nested-columns.html - Issue 25687002: Add support for the column-fill property.

Side by Side Diff: LayoutTests/fast/multicol/nested-columns.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

OLD	NEW
1 <html>	1 <html>

2 <body style="-webkit-column-count:2; height:500px;width:750px">	2 <body style="-webkit-column-count:2; column-count:2; column-fill:auto; width:750 px; height:500px;">

3	3

4 <h1>Header One</h1>	4 <h1>Header One</h1>

5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.	5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

6 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.	6 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

7 <h1>Header Two</h1>	7 <h1>Header Two</h1>

8 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.	8 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

9 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.	9 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

10 <h1>Header Three</h1>	10 <h1>Header Three</h1>

11 <div style="-webkit-column-count:2">	11 <div style="-webkit-column-count:2">

12 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.	12 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

13 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. <span style= "position:relative; opacity:0.5">Lorem ipsum dolor sit amet, consectetuer adipis cing elit.</span>	13 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. <span style= "position:relative; opacity:0.5">Lorem ipsum dolor sit amet, consectetuer adipis cing elit.</span>

14 </div>	14 </div>

15 <h1>Header Four</h1>	15 <h1>Header Four</h1>

16 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.	16 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

17 </body>	17 </body>

18 </html>	18 </html>

OLD	NEW