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

Side by Side Diff: LayoutTests/fast/forms/select/listbox-overlay-scrollbar.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 .sel { 9 .sel {
10 border: 0; 10 border: 0;
11 width: 100px; 11 width: 100px;
12 height: 100px; 12 height: 100px;
13 background-color: lime; 13 background-color: lime;
14 display: block; 14 display: block;
15 } 15 }
16 </style> 16 </style>
17 <script> 17 <script>
18 if (window.internals) { 18 if (window.internals) {
19 testRunner.dumpAsTextWithPixelResults(); 19 testRunner.dumpAsTextWithPixelResults();
20 internals.settings.setOverlayScrollbarsEnabled(true); 20 internals.settings.setOverlayScrollbarsEnabled(true);
21 internals.settings.setMockScrollbarsEnabled(true); 21 internals.settings.setMockScrollbarsEnabled(true);
22 } 22 }
23 </script> 23 </script>
24 </head> 24 </head>
25 <body> 25 <body>
26 <p>You should see 2 green boxes with overlay scrollbar. The second box 26 <p>You should see 2 green boxes with overlay scrollbar. The second box
27 should have a scrollbar on the left.</p> 27 should have a scrollbar on the left.</p>
28 28
29 <div> 29 <div>
30 <select multiple class="sel"></select> 30 <select multiple class="sel">
31 <option></option>
32 <option></option>
33 <option></option>
34 <option></option>
35 <option></option>
36 <option></option>
37 </select>
31 </div> 38 </div>
32 <div> 39 <div>
33 <select multiple dir="rtl" class="sel"></select> 40 <select multiple dir="rtl" class="sel">
41 <option></option>
42 <option></option>
43 <option></option>
44 <option></option>
45 <option></option>
46 <option></option>
47 </select>
34 </div> 48 </div>
35 </body> 49 </body>
36 </html> 50 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698