LayoutTests/scrollbars/scrollbars-on-positioned-content.html

   1 <html>
   2         <head>
   3                 <style type="text/css">
   4                 .tables
   5                 {
   6                         border: 1px solid red;
   7                         overflow-y: auto;
   8                         top: 50px;
   9                         bottom: 0px;
  10                         position: absolute;
  11                 }
  12
  13                 .wrapper
  14                 {
  15                         border: 1px solid blue;
  16                         overflow-x: auto;
  17                         width: 300px;
  18                 }
  19
  20                 .wrapper::-webkit-scrollbar
  21                 {
  22                         height: 9px;
  23                 }
  24
  25                 .wrapper::-webkit-scrollbar-track
  26                 {
  27                         background-color: #E3E3E3;
  28                 }
  29
  30                 .wrapper::-webkit-scrollbar-thumb
  31                 {
  32                         background: #CCCCCC;
  33                         border: 1px solid #ADADAD;
  34                 }
  35                 </style>
  36         </head>
  37
  38         <body>
  39
  40                 <p>This test passes if the custom scrollbar paints in the corrext spot, which is at the bottom of the purple div.</p>
  41
  42                 <div class="tables">
  43                 <div class="wrapper">
  44
  45                         <div style="background-color:purple; width:500px; height:400px;"></div>
  46
  47                 </div>
  48
  49         <div style="background-color:green; width:15px; height:900px;"></div>
  50
  51         </div>
  52
  53         </body>
  54 </html>