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

Side by Side Diff: LayoutTests/fast/scrolling/overlay-scrollbars.html

Issue 588013002: Remove Overlay Scrollbar if not scrollable along the axis (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: added test expectations Created 6 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 html, body { 5 html, body {
6 margin: 0; 6 margin: 0;
7 padding: 0; 7 padding: 0;
8 } 8 }
9 .container { 9 .container {
10 width: 100px; 10 width: 100px;
11 height: 100px; 11 height: 100px;
12 overflow: auto; 12 overflow: auto;
13 background-color: lime; 13 background-color: lime;
14 } 14 }
15 .box { 15 .box {
16 width: 500px; 16 width: 500px;
17 height: 500px; 17 height: 500px;
18 } 18 }
19 </style> 19 </style>
20 <script> 20 <script>
21 if (window.internals) { 21 if (window.internals) {
22 testRunner.dumpAsTextWithPixelResults(); 22 testRunner.dumpAsTextWithPixelResults();
23 internals.settings.setOverlayScrollbarsEnabled(true); 23 internals.settings.setOverlayScrollbarsEnabled(true);
24 internals.settings.setMockScrollbarsEnabled(true); 24 internals.settings.setMockScrollbarsEnabled(true);
25 } 25 }
26 </script> 26 </script>
27 </head> 27 </head>
28 <body> 28 <body>
29 <p>You should see 2 green boxes with overlay scrollbars. The second box 29 <p>You should see first green boxes with overlay scrollbars.
30 should have a scrollbar on the left.</p> 30 The second box should have a scrollbar on the left.</p>
31
32 <p>You should see next 2 green boxes without overlay scrollbars.</p>
31 33
32 <div class="container"><div class="box"></div></div> 34 <div class="container"><div class="box"></div></div>
33 <div dir="rtl" class="container"><div class="box"></div></div> 35 <div dir="rtl" class="container"><div class="box"></div></div>
34 36
35 <div class="container" style="overflow: scroll"></div> 37 <div class="container" style="overflow: scroll"></div>
36 <div dir="rtl" class="container" style="overflow: scroll"></div> 38 <div dir="rtl" class="container" style="overflow: scroll"></div>
37 </body> 39 </body>
38 </html> 40 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698