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

Side by Side Diff: LayoutTests/fast/forms/select/listbox-overlay-scrollbar-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: 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 background-color: lime; 12 background-color: lime;
13 position: relative; 13 position: relative;
14 } 14 }
15 .scrollbar { 15 .scrollbar {
16 background-color: #808080; 16 background-color: #808080;
17 position: absolute; 17 position: absolute;
18 } 18 }
19 .vertical { 19 .vertical {
20 width: 3px; 20 width: 3px;
21 height: 92px; 21 height: 90px;
22 } 22 }
23 </style> 23 </style>
24 <script> 24 <script>
25 </script> 25 </script>
26 </head> 26 </head>
27 <body> 27 <body>
28 <p>You should see 2 green boxes with overlay scrollbar. The second box 28 <p>You should see 2 green boxes with overlay scrollbar. The second box
29 should have a scrollbar on the left.</p> 29 should have a scrollbar on the left.</p>
30 30
31 <div class="container"> 31 <div class="container">
32 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div> 32 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div>
33 </div> 33 </div>
34 <div dir="rtl" class="container"> 34 <div dir="rtl" class="container">
35 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div> 35 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div>
36 </div> 36 </div>
37 </body> 37 </body>
38 </html> 38 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698