src/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 }
  15 .scrollbar {
  16     background-color: #808080;
  17     position: absolute;
  18 }
  19 .vertical {
  20     width: 3px;
  21     height: 92px;
  22 }
  23 </style>
  24 <script>
  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 class="container">
  32 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div>
  33 </div>
  34 <div dir="rtl" class="container">
  35 <div class="scrollbar vertical" style="left: 0px; top: 4px;"></div>
  36 </div>
  37 </body>
  38 </html>