src/third_party/WebKit/LayoutTests/fast/sub-pixel/flexbox-unnecessary-scrollbar-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>Scrollbar overflow test</title>
   5         <style>
   6           body { width: 333px; }
   7
   8           #grid {
   9             overflow-y: scroll;
  10             overflow-x: hidden;
  11             flex: 1;
  12             display: flex;
  13           }
  14
  15           #grid::-webkit-scrollbar {
  16             height: 10px;
  17             width: 10px;
  18           }
  19
  20           #grid::-webkit-scrollbar-thumb {
  21             background-color: red;
  22             border-width: 4px;
  23           }
  24
  25           #rows {
  26             flex: 1;
  27             height: 100%;
  28             position: relative;
  29           }
  30
  31           .row {
  32             background: blue;
  33             height: 50px;
  34           }
  35
  36           #cols {
  37             display: flex;
  38             position: absolute;
  39             top: 0;
  40             left: 0;
  41             right: 0;
  42             bottom: 0;
  43           }
  44
  45           .col {
  46             flex: 1;
  47           }
  48         </style>
  49     </head>
  50     <body>
  51       <div id="grid">
  52         <div id="rows">
  53           <div class="row"></div>
  54           <div id="cols">
  55             <div class="col"></div>
  56             <div class="col"></div>
  57             <div class="col"></div>
  58           </div>
  59         </div>
  60       </div>
  61       <p>
  62         Tests that subpixel accumulation works for flexbox and that
  63         scrollbars do not show unnecessarily. No red should show up above.
  64       </p>
  65   </body>
  66 <html>