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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/multicol/scrolling-overflow.html

Issue 788403007: Rewrite fast/multicol/scrolling-overflow.html to a reftest. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 11 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/TestExpectations ('k') | LayoutTests/fast/multicol/scrolling-overflow-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <script>
3 <head> 3 onload = function() { document.documentElement.scrollLeft = 150 - 10; }
4 <title>Inner doc</title> 4 </script>
5 <style> 5 <style>
6 div#content { 6 body { margin:10px; }
7 height: 300px; 7 </style>
8 -webkit-column-width: 200px;
9 column-width: 200px;
10 column-fill: auto;
11 }
12 </style>
13 <script>
14 function doTest()
15 {
16 document.body.offsetLeft;
17 document.documentElement.scrollLeft = 100;
18 document.body.offsetLeft;
19 }
20 </script>
21 </head>
22 8
23 <body onload="doTest()"> 9 <p style="position:fixed; top:0;">Below there should be a green square with a bl ack border, and no red.</p>
24 <div id="content"> 10 <div style="margin-top:5em; -webkit-columns:3; -webkit-column-gap:50px; column-f ill:auto; height:200px; line-height:100px;">
25 <p> 11 <div style="width:130px; height:100px; background:red;"></div>
26 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere l igula et neque ullamcorper consectetur. Duis nec viverra magna. Nullam tellus di am, auctor et auctor at, fermentum quis mi. Nulla rhoncus porttitor ultrices. Nu nc gravida, nisi nec consequat scelerisque, lectus eros sagittis erat, non ultri ces ipsum nibh in quam. Donec dignissim, lacus sed cursus commodo, nibh enim sod ales metus, lacinia dictum felis est tincidunt orci. Morbi pretium volutpat ante , ut ultricies nulla pharetra sed. Duis ac felis quis justo ullamcorper semper. Integer augue lacus, imperdiet eu euismod ut, vulputate vel purus. Donec bibendu m felis id nisl auctor sit amet imperdiet quam mollis. Duis aliquam tellus odio, a varius lectus. Nunc a tortor augue, eu sollicitudin nibh. Phasellus ultricies , lacus eget tincidunt mattis, velit erat facilisis lacus, quis luctus arcu erat ut erat. Duis feugiat eros eu ligula ultricies non tincidunt tellus viverra. Do nec ut eros augue, nec elementum elit. Pellentesque massa lectus, vulputate sed vehicula eget, volutpat eu augue. Cras fermentum turpis vitae erat vehicula et l acinia mi molestie. 12 <br>
27 </p> 13 <br>
28 14 <br>
29 <p> 15 <br>
30 Curabitur ac porttitor leo. Class aptent taciti sociosqu ad litora torqu ent per conubia nostra, per inceptos himenaeos. Quisque eget mauris id turpis ul lamcorper blandit quis eget turpis. Nullam et molestie elit. Curabitur urna arcu , luctus a suscipit et, viverra vel orci. Morbi scelerisque erat quis massa blan dit molestie. Fusce vitae velit a lacus suscipit tempus. In vitae nisl orci, vel ultrices diam. Duis pellentesque, massa sit amet eleifend sollicitudin, dolor o rci semper urna, eget euismod tortor massa sit amet ante. Quisque sed varius lec tus. Mauris facilisis blandit mattis. Ut id tortor ante, ac eleifend dui. Donec sit amet arcu quis neque aliquam euismod a tincidunt justo. Integer sagittis, ne que sed aliquam bibendum, est ante vulputate lectus, in elementum felis tellus e t nibh. Aliquam id ultrices nisl. Sed sodales lacinia interdum. Aenean pharetra tellus ante, aliquam consectetur ligula. 16 <br>
31 </p> 17 <div style="float:left; width:100px; height:100px; box-sizing:border-box; bo rder:3px solid black; background:green;"></div>
32 <p> 18 <div style="float:left; width:10px; height:100px; background:red;"></div>
33 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere l igula et neque ullamcorper consectetur. Duis nec viverra magna. Nullam tellus di am, auctor et auctor at, fermentum quis mi. Nulla rhoncus porttitor ultrices. Nu nc gravida, nisi nec consequat scelerisque, lectus eros sagittis erat, non ultri ces ipsum nibh in quam. Donec dignissim, lacus sed cursus commodo, nibh enim sod ales metus, lacinia dictum felis est tincidunt orci. Morbi pretium volutpat ante , ut ultricies nulla pharetra sed. Duis ac felis quis justo ullamcorper semper. Integer augue lacus, imperdiet eu euismod ut, vulputate vel purus. Donec bibendu m felis id nisl auctor sit amet imperdiet quam mollis. Duis aliquam tellus odio, a varius lectus. Nunc a tortor augue, eu sollicitudin nibh. Phasellus ultricies , lacus eget tincidunt mattis, velit erat facilisis lacus, quis luctus arcu erat ut erat. Duis feugiat eros eu ligula ultricies non tincidunt tellus viverra. Do nec ut eros augue, nec elementum elit. Pellentesque massa lectus, vulputate sed vehicula eget, volutpat eu augue. Cras fermentum turpis vitae erat vehicula et l acinia mi molestie. 19 <br>
34 </p> 20 <br>
35 21 <br>
36 <p> 22 <br>
37 Curabitur ac porttitor leo. Class aptent taciti sociosqu ad litora torqu ent per conubia nostra, per inceptos himenaeos. Quisque eget mauris id turpis ul lamcorper blandit quis eget turpis. Nullam et molestie elit. Curabitur urna arcu , luctus a suscipit et, viverra vel orci. Morbi scelerisque erat quis massa blan dit molestie. Fusce vitae velit a lacus suscipit tempus. In vitae nisl orci, vel ultrices diam. Duis pellentesque, massa sit amet eleifend sollicitudin, dolor o rci semper urna, eget euismod tortor massa sit amet ante. Quisque sed varius lec tus. Mauris facilisis blandit mattis. Ut id tortor ante, ac eleifend dui. Donec sit amet arcu quis neque aliquam euismod a tincidunt justo. Integer sagittis, ne que sed aliquam bibendum, est ante vulputate lectus, in elementum felis tellus e t nibh. Aliquam id ultrices nisl. Sed sodales lacinia interdum. Aenean pharetra tellus ante, aliquam consectetur ligula. 23 <br>
38 </p> 24 </div>
39 <p>
40 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere l igula et neque ullamcorper consectetur. Duis nec viverra magna. Nullam tellus di am, auctor et auctor at, fermentum quis mi. Nulla rhoncus porttitor ultrices. Nu nc gravida, nisi nec consequat scelerisque, lectus eros sagittis erat, non ultri ces ipsum nibh in quam. Donec dignissim, lacus sed cursus commodo, nibh enim sod ales metus, lacinia dictum felis est tincidunt orci. Morbi pretium volutpat ante , ut ultricies nulla pharetra sed. Duis ac felis quis justo ullamcorper semper. Integer augue lacus, imperdiet eu euismod ut, vulputate vel purus. Donec bibendu m felis id nisl auctor sit amet imperdiet quam mollis. Duis aliquam tellus odio, a varius lectus. Nunc a tortor augue, eu sollicitudin nibh. Phasellus ultricies , lacus eget tincidunt mattis, velit erat facilisis lacus, quis luctus arcu erat ut erat. Duis feugiat eros eu ligula ultricies non tincidunt tellus viverra. Do nec ut eros augue, nec elementum elit. Pellentesque massa lectus, vulputate sed vehicula eget, volutpat eu augue. Cras fermentum turpis vitae erat vehicula et l acinia mi molestie.
41 </p>
42
43 <p>
44 Curabitur ac porttitor leo. Class aptent taciti sociosqu ad litora torqu ent per conubia nostra, per inceptos himenaeos. Quisque eget mauris id turpis ul lamcorper blandit quis eget turpis. Nullam et molestie elit. Curabitur urna arcu , luctus a suscipit et, viverra vel orci. Morbi scelerisque erat quis massa blan dit molestie. Fusce vitae velit a lacus suscipit tempus. In vitae nisl orci, vel ultrices diam. Duis pellentesque, massa sit amet eleifend sollicitudin, dolor o rci semper urna, eget euismod tortor massa sit amet ante. Quisque sed varius lec tus. Mauris facilisis blandit mattis. Ut id tortor ante, ac eleifend dui. Donec sit amet arcu quis neque aliquam euismod a tincidunt justo. Integer sagittis, ne que sed aliquam bibendum, est ante vulputate lectus, in elementum felis tellus e t nibh. Aliquam id ultrices nisl. Sed sodales lacinia interdum. Aenean pharetra tellus ante, aliquam consectetur ligula.
45 </p>
46 <p>
47 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere l igula et neque ullamcorper consectetur. Duis nec viverra magna. Nullam tellus di am, auctor et auctor at, fermentum quis mi. Nulla rhoncus porttitor ultrices. Nu nc gravida, nisi nec consequat scelerisque, lectus eros sagittis erat, non ultri ces ipsum nibh in quam. Donec dignissim, lacus sed cursus commodo, nibh enim sod ales metus, lacinia dictum felis est tincidunt orci. Morbi pretium volutpat ante , ut ultricies nulla pharetra sed. Duis ac felis quis justo ullamcorper semper. Integer augue lacus, imperdiet eu euismod ut, vulputate vel purus. Donec bibendu m felis id nisl auctor sit amet imperdiet quam mollis. Duis aliquam tellus odio, a varius lectus. Nunc a tortor augue, eu sollicitudin nibh. Phasellus ultricies , lacus eget tincidunt mattis, velit erat facilisis lacus, quis luctus arcu erat ut erat. Duis feugiat eros eu ligula ultricies non tincidunt tellus viverra. Do nec ut eros augue, nec elementum elit. Pellentesque massa lectus, vulputate sed vehicula eget, volutpat eu augue. Cras fermentum turpis vitae erat vehicula et l acinia mi molestie.
48 </p>
49
50 <p>
51 Curabitur ac porttitor leo. Class aptent taciti sociosqu ad litora torqu ent per conubia nostra, per inceptos himenaeos. Quisque eget mauris id turpis ul lamcorper blandit quis eget turpis. Nullam et molestie elit. Curabitur urna arcu , luctus a suscipit et, viverra vel orci. Morbi scelerisque erat quis massa blan dit molestie. Fusce vitae velit a lacus suscipit tempus. In vitae nisl orci, vel ultrices diam. Duis pellentesque, massa sit amet eleifend sollicitudin, dolor o rci semper urna, eget euismod tortor massa sit amet ante. Quisque sed varius lec tus. Mauris facilisis blandit mattis. Ut id tortor ante, ac eleifend dui. Donec sit amet arcu quis neque aliquam euismod a tincidunt justo. Integer sagittis, ne que sed aliquam bibendum, est ante vulputate lectus, in elementum felis tellus e t nibh. Aliquam id ultrices nisl. Sed sodales lacinia interdum. Aenean pharetra tellus ante, aliquam consectetur ligula.
52 </p>
53 <p>
54 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere l igula et neque ullamcorper consectetur. Duis nec viverra magna. Nullam tellus di am, auctor et auctor at, fermentum quis mi. Nulla rhoncus porttitor ultrices. Nu nc gravida, nisi nec consequat scelerisque, lectus eros sagittis erat, non ultri ces ipsum nibh in quam. Donec dignissim, lacus sed cursus commodo, nibh enim sod ales metus, lacinia dictum felis est tincidunt orci. Morbi pretium volutpat ante , ut ultricies nulla pharetra sed. Duis ac felis quis justo ullamcorper semper. Integer augue lacus, imperdiet eu euismod ut, vulputate vel purus. Donec bibendu m felis id nisl auctor sit amet imperdiet quam mollis. Duis aliquam tellus odio, a varius lectus. Nunc a tortor augue, eu sollicitudin nibh. Phasellus ultricies , lacus eget tincidunt mattis, velit erat facilisis lacus, quis luctus arcu erat ut erat. Duis feugiat eros eu ligula ultricies non tincidunt tellus viverra. Do nec ut eros augue, nec elementum elit. Pellentesque massa lectus, vulputate sed vehicula eget, volutpat eu augue. Cras fermentum turpis vitae erat vehicula et l acinia mi molestie.
55 </p>
56
57 <p>
58 Curabitur ac porttitor leo. Class aptent taciti sociosqu ad litora torqu ent per conubia nostra, per inceptos himenaeos. Quisque eget mauris id turpis ul lamcorper blandit quis eget turpis. Nullam et molestie elit. Curabitur urna arcu , luctus a suscipit et, viverra vel orci. Morbi scelerisque erat quis massa blan dit molestie. Fusce vitae velit a lacus suscipit tempus. In vitae nisl orci, vel ultrices diam. Duis pellentesque, massa sit amet eleifend sollicitudin, dolor o rci semper urna, eget euismod tortor massa sit amet ante. Quisque sed varius lec tus. Mauris facilisis blandit mattis. Ut id tortor ante, ac eleifend dui. Donec sit amet arcu quis neque aliquam euismod a tincidunt justo. Integer sagittis, ne que sed aliquam bibendum, est ante vulputate lectus, in elementum felis tellus e t nibh. Aliquam id ultrices nisl. Sed sodales lacinia interdum. Aenean pharetra tellus ante, aliquam consectetur ligula.
59 </p>
60 </div>
61 </body>
62 </html>
63
64
OLDNEW
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/multicol/scrolling-overflow-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698