Unreviewed, rolling out r111094.
[WebKit-https.git] / LayoutTests / css3 / flexbox / child-overflow-expected.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 .container {
6     display: inline-block;
7     margin-right: 5px;
8 }
9
10 .container > div {
11     border: 5px solid pink;
12     overflow: auto;
13     height: 100px;
14     width: 100px;
15 }
16
17 .container > div > div {
18     width: 120px;
19     height: 120px;
20     background: -webkit-radial-gradient(center, ellipse cover, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%);
21 }
22 </style>
23 </head>
24 <body>
25     <p>Scrollbars should work in all the flexboxes and each row should show four identical boxes.</p>
26 </body>
27 <script>
28 var origins = ['', 'bottomLeft', 'topRight', ''];
29
30 origins.forEach(function(origin) {
31     for (var i = 0; i < 4; ++i) {
32         var containerClass = 'container ' + origin;
33         document.body.innerHTML +=
34             "<div class='" + containerClass + "'>" +
35             "<div><div></div></div>" +
36             "</div>";
37     }
38     document.body.innerHTML += "<br>";
39 });
40
41 Array.prototype.forEach.call(document.querySelectorAll('.bottomLeft'), function(element) {
42     element.firstChild.scrollTop = 1000;
43 });
44
45 Array.prototype.forEach.call(document.querySelectorAll('.topRight'), function(element) {
46     element.firstChild.scrollLeft = 1000;
47 });
48
49 </script>
50 </body>
51 </html>