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

Side by Side Diff: LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.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 .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 display: block;
15 font-family: "Arial";
16 font-size : 12pt;
14 } 17 }
15 .scrollbar { 18 .scrollbar {
16 background-color: #808080; 19 background-color: #808080;
17 position: absolute; 20 position: absolute;
18 } 21 }
19 .vertical { 22 .vertical {
20 width: 3px; 23 width: 3px;
21 height: 92px; 24 height: 92px;
22 } 25 }
23 </style> 26 </style>
24 <script> 27 <script>
25 </script> 28 </script>
26 </head> 29 </head>
27 <body> 30 <body>
28 <p>You should see 2 green boxes with overlay scrollbar. The second box 31 <p>You should see 2 green boxes with overlay scrollbar. The second box
29 should have a scrollbar on the left.</p> 32 should have a scrollbar on the left.</p>
30 33
31 <div class="container"> 34 <div class="container">
35 <option>foo1</option>
36 <option>foo2</option>
37 <option>foo3</option>
38 <option>foo4</option>
39 <option>foo5</option>
32 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div> 40 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div>
33 </div> 41 </div>
34 <div dir="rtl" class="container"> 42 <div dir="rtl" class="container">
43 <option>foo1</option>
44 <option>foo2</option>
45 <option>foo3</option>
46 <option>foo4</option>
47 <option>foo5</option>
35 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div> 48 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div>
36 </div> 49 </div>
37 </body> 50 </body>
38 </html> 51 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698