Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / sub-pixel / flexbox-unnecessary-scrollbar-expected.html
blobee60ad505ab20ad329e84d00ca929ad81ed23ea6
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Scrollbar overflow test</title>
5 <style>
6 body { width: 333px; }
8 #grid {
9 overflow-y: scroll;
10 overflow-x: hidden;
11 flex: 1;
12 display: flex;
15 #grid::-webkit-scrollbar {
16 height: 10px;
17 width: 10px;
20 #grid::-webkit-scrollbar-thumb {
21 background-color: red;
22 border-width: 4px;
25 #rows {
26 flex: 1;
27 height: 100%;
28 position: relative;
31 .row {
32 background: blue;
33 height: 50px;
36 #cols {
37 display: flex;
38 position: absolute;
39 top: 0;
40 left: 0;
41 right: 0;
42 bottom: 0;
45 .col {
46 flex: 1;
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>