third_party/WebKit/LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 html, body {
   6     margin: 0;
   7     padding: 0;
   8 }
   9 .container {
  10     width: 100px;
  11     height: 100px;
  12     background-color: lime;
  13     position: relative;
  14     display: block;
  15     font-family: "Arial";
  16     font-size : 12pt;
  17 }
  18 .scrollbar {
  19     background-color: #808080;
  20     position: absolute;
  21 }
  22 .vertical {
  23     width: 3px;
  24     height: 92px;
  25 }
  26 </style>
  27 <script>
  28 </script>
  29 </head>
  30 <body>
  31 <p>You should see 2 green boxes with overlay scrollbar. The second box
  32 should have a scrollbar on the left.</p>
  33
  34 <div class="container">
  35 <option>foo1</option>
  36 <option>foo2</option>
  37 <option>foo3</option>
  38 <option>foo4</option>
  39 <option>foo5</option>
  40 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div>
  41 </div>
  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>
  48 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div>
  49 </div>
  50 </body>
  51 </html>