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

Side by Side Diff: LayoutTests/fast/scrolling/overlay-scrollbars-expected.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: 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;
(...skipping 11 matching lines...) Expand all
22 } 22 }
23 .vertical { 23 .vertical {
24 width: 3px; 24 width: 3px;
25 height: 17px; 25 height: 17px;
26 } 26 }
27 </style> 27 </style>
28 <script> 28 <script>
29 </script> 29 </script>
30 </head> 30 </head>
31 <body> 31 <body>
32 <p>You should see 2 green boxes with overlay scrollbars. The second box 32 <p>You should see first 2 green boxes with overlay scrollbars.
33 should have a scrollbar on the left.</p> 33 The second box should have a scrollbar on the left.
34 34 Remaining 2 green boxes should appear without overlay scrollbars.
35 </p>
35 <div class="container"> 36 <div class="container">
36 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div> 37 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div>
37 <div class="scrollbar horizontal" style="left: 4px; bottom: 4px;"></div> 38 <div class="scrollbar horizontal" style="left: 4px; bottom: 4px;"></div>
38 </div> 39 </div>
39 <div dir="rtl" class="container"> 40 <div dir="rtl" class="container">
40 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div> 41 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div>
41 <div class="scrollbar horizontal" style="right: 4px; bottom: 4px;"></div> 42 <div class="scrollbar horizontal" style="right: 4px; bottom: 4px;"></div>
42 </div> 43 </div>
43 44
44 <div class="container"> 45 <div class="container"></div>
45 <div class="scrollbar vertical" style="right: 4px; top: 4px; height: 85px"></div > 46 <div dir="rtl" class="container"></div>
46 <div class="scrollbar horizontal" style="left: 4px; bottom: 4px; width: 85px"></ div> 47
47 </div>
48 <div dir="rtl" class="container">
49 <div class="scrollbar vertical" style="left: 4px; top: 4px; height: 85px"></div>
50 <div class="scrollbar horizontal" style="right: 4px; bottom: 4px; width: 85px">< /div>
51 </div>
52 </body> 48 </body>
53 </html> 49 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698