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

Side by Side Diff: LayoutTests/fast/forms/select/listbox-overlay-scrollbar.html

Issue 643933002: Remove Overlay Scrollbar if not scrollable along the axis (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebased to TOT 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 font-family: "Arial";
16 font-size : 12pt;
15 } 17 }
16 </style> 18 </style>
17 <script> 19 <script>
18 if (window.internals) { 20 if (window.internals) {
19 testRunner.dumpAsTextWithPixelResults(); 21 testRunner.dumpAsTextWithPixelResults();
20 internals.settings.setOverlayScrollbarsEnabled(true); 22 internals.settings.setOverlayScrollbarsEnabled(true);
21 internals.settings.setMockScrollbarsEnabled(true); 23 internals.settings.setMockScrollbarsEnabled(true);
22 } 24 }
23 </script> 25 </script>
24 </head> 26 </head>
25 <body> 27 <body>
26 <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
27 should have a scrollbar on the left.</p> 29 should have a scrollbar on the left.</p>
28 30
29 <div> 31 <div>
30 <select multiple class="sel"></select> 32 <select multiple class="sel" size="5">
33 <option>foo1</option>
34 <option>foo2</option>
35 <option>foo3</option>
36 <option>foo4</option>
37 <option>foo5</option>
38 </select>
31 </div> 39 </div>
32 <div> 40 <div>
33 <select multiple dir="rtl" class="sel"></select> 41 <select multiple dir="rtl" class="sel" size="5">
42 <option>foo1</option>
43 <option>foo2</option>
44 <option>foo3</option>
45 <option>foo4</option>
46 <option>foo5</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