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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 html, body {
   6     margin: 0;
   7     padding: 0;
   8 }
   9 .sel {
  10     border: 0;
  11     width: 100px;
  12     height: 100px;
  13     background-color: lime;
  14     display: block;
  15     font-family: "Arial";
  16     font-size : 12pt;
  17 }
  18 </style>
  19 <script>
  20 if (window.internals) {
  21     testRunner.dumpAsTextWithPixelResults();
  22     internals.settings.setOverlayScrollbarsEnabled(true);
  23     internals.settings.setMockScrollbarsEnabled(true);
  24 }
  25 </script>
  26 </head>
  27 <body>
  28 <p>You should see 2 green boxes with overlay scrollbar. The second box
  29 should have a scrollbar on the left.</p>
  30
  31 <div>
  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>
  39 </div>
  40 <div>
  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>
  48 </div>
  49 </body>
  50 </html>