7ef795de329138f65f2b72c3f9c4d9c2020578ae
[WebKit-https.git] / LayoutTests / compositing / geometry / fixed-position-flipped-writing-mode.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <title>It should be possible to cover the red box with the green box by scrolling.</title>
6     <style>
7     html {
8         direction: rtl;
9     }
10
11     body {
12         width: 5000px;
13     }
14
15     .box {
16         width: 200px;
17         height: 100%;
18         top: 0px;
19     }
20
21     #background {
22         position: absolute;
23         background-color: red;
24         right: 500px;
25     }
26
27     #cover {
28         position: fixed;
29         background-color: green;
30         left: 50%;
31     }
32
33     #layers {
34         opacity: 0;
35     }
36     </style>
37     <script>
38     if (window.testRunner)
39         testRunner.dumpAsText(true);
40
41     function runTest()
42     {
43         window.scrollTo(-300, 0);
44         if (window.testRunner)
45             document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
46     }
47
48     window.addEventListener('load', runTest, false);
49     </script>
50 </head>
51 <body>
52     <div id="background" class="box"></div>
53     <div id="cover" class="box"></div>
54
55     <pre id="layers">Layer tree goes here.</pre>
56 </body>
57 </html>