LayoutTests/fast/dynamic/float-moved-downwards-for-pagination.html - Issue 25687002: Add support for the column-fill property.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/dynamic/float-moved-downwards-for-pagination.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/borders/border-antialiasing.html ('k') | LayoutTests/fast/dynamic/float-moved-downwards-for-pagination-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 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html style="font-size: 20px; width: 940px; -webkit-column-gap: 10px; -webkit-co lumns: 2; height: 620px;">	2 <html style="font-size:20px; width:940px; height:620px; -webkit-columns:2; -webk it-column-gap:10px; columns:2; column-gap:10px; column-fill:auto;">

3 <head>	3 <head>

4 </head>	4 </head>

5 <body style="margin: 0;">	5 <body style="margin: 0;">

6 <div id="target" style="height: 370px;">	6 <div id="target" style="height: 370px;">

7 </div>	7 </div>

8 <div style="width: 180px; float: left; height: 230px;">	8 <div style="width: 180px; float: left; height: 230px;">

9 <img style="height: 230px; width: 180px;">	9 <img style="height: 230px; width: 180px;">

10 </div>	10 </div>

11 <div>	11 <div>

12 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris urna massa, porttitor condimentum facilisis et, malesuada at risus. Sed nisl lorem, luctus a imperdiet sed, ultricies vel libero. Quisque id magna id sapien elementum laore et id ut nulla. Aliquam et purus id nulla feugiat laoreet id non lectus. Ut conv allis dignissim quam non commodo. Suspendisse potenti. Donec semper tellus aliqu et turpis aliquam venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat, sem elementum fringilla fermentum, elit dolor pellentesque ma ssa, ut molestie urna neque vel eros. Aliquam in erat tortor. Sed sem magna, lao reet nec tempor eu, ornare eu ligula. Cras aliquam, neque vitae molestie cursus, lorem libero volutpat ipsum, non feugiat urna libero sit amet nisi. Aenean a ru trum velit. Ut pulvinar facilisis felis, id mattis odio fringilla eget. Proin ti ncidunt consectetur felis id faucibus. Vestibulum arcu nulla, sagittis nec accum san a, interdum eu magna.	12 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris urna massa, porttitor condimentum facilisis et, malesuada at risus. Sed nisl lorem, luctus a imperdiet sed, ultricies vel libero. Quisque id magna id sapien elementum laore et id ut nulla. Aliquam et purus id nulla feugiat laoreet id non lectus. Ut conv allis dignissim quam non commodo. Suspendisse potenti. Donec semper tellus aliqu et turpis aliquam venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat, sem elementum fringilla fermentum, elit dolor pellentesque ma ssa, ut molestie urna neque vel eros. Aliquam in erat tortor. Sed sem magna, lao reet nec tempor eu, ornare eu ligula. Cras aliquam, neque vitae molestie cursus, lorem libero volutpat ipsum, non feugiat urna libero sit amet nisi. Aenean a ru trum velit. Ut pulvinar facilisis felis, id mattis odio fringilla eget. Proin ti ncidunt consectetur felis id faucibus. Vestibulum arcu nulla, sagittis nec accum san a, interdum eu magna.

13 </div>	13 </div>

14 <script>	14 <script>

15 document.body.offsetLeft;	15 document.body.offsetLeft;

16 document.getElementById("target").style.height = "405px";	16 document.getElementById("target").style.height = "405px";

17 </script>	17 </script>

OLD	NEW