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 }
  16 </style>
  17 <script>
  18 if (window.internals) {
  19     testRunner.dumpAsTextWithPixelResults();
  20     internals.settings.setOverlayScrollbarsEnabled(true);
  21     internals.settings.setMockScrollbarsEnabled(true);
  22 }
  23 </script>
  24 </head>
  25 <body>
  26 <p>You should see 2 green boxes with overlay scrollbar. The second box
  27 should have a scrollbar on the left.</p>
  28
  29 <div>
  30 <select multiple class="sel"></select>
  31 </div>
  32 <div>
  33 <select multiple dir="rtl" class="sel"></select>
  34 </div>
  35 </body>
  36 </html>