Make color-filter affect caret-color
[WebKit-https.git] / LayoutTests / css3 / flexbox / negative-overflow.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <link href="resources/flexbox.css" rel="stylesheet">
5 <style>
6 .flexbox {
7     overflow: auto;
8     height: 50px;
9     width: 50px;
10     background-color: red;
11     position: relative;
12 }
13
14 .vertical-padding {
15     padding-top: 5px;
16     padding-bottom: 10px;
17     background-color: lime;
18 }
19
20 .flexbox > div {
21     width: 100%;
22     height: 100px;
23     background-color: green;
24 }
25 </style>
26 <script src="../../resources/testharness.js"></script>
27 <script src="../../resources/testharnessreport.js"></script>
28 <script src="../../resources/check-layout-th.js"></script>
29 <script>
30 window.onload = function() {
31     checkLayout('.flexbox');
32
33     // Make failures more obvious by showing the red background that should have been clipped.
34     Array.prototype.forEach.call(document.querySelectorAll(".flexbox"), function(element) {
35         element.scrollTop = 1000;
36     });
37 };
38 </script>
39 </head>
40 <body>
41 <div id=log></div>
42
43 <div class="flexbox align-items-flex-end" data-expected-scroll-height="50">
44     <div></div>
45 </div>
46
47 <div class="flexbox align-items-flex-end" data-expected-scroll-height="150">
48     <div></div>
49     <div style="position: absolute; left: 0; top: 50px;"></div>
50 </div>
51
52 <div class="flexbox align-items-center" data-expected-scroll-height="75">
53     <div></div>
54 </div>
55
56 <div class="flexbox" data-expected-scroll-height="100">
57     <div></div>
58 </div>
59
60 <div class="flexbox wrap-reverse" data-expected-scroll-height="50">
61     <div></div>
62     <div></div>
63 </div>
64
65 <div class="flexbox align-items-flex-end vertical-padding" data-expected-scroll-height="65">
66     <div></div>
67 </div>
68
69 <div class="flexbox align-items-center vertical-padding" data-expected-scroll-height="90">
70     <div></div>
71 </div>
72
73 <div class="flexbox vertical-padding" data-expected-scroll-height="115">
74     <div></div>
75 </div>
76
77 <div class="flexbox wrap-reverse vertical-padding" data-expected-scroll-height="65">
78     <div></div>
79     <div></div>
80 </div>
81 </body>
82 </html>