[Mac] Remove backing store for layers that are outside the viewport
[WebKit-https.git] / LayoutTests / compositing / sibling-layer-does-not-get-composited-overflow-hidden-case.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>This tests that that sibling container gets composited when composition of the inner content is forced by its child container.</title>
5 <style>
6   .container {
7     transform: translateZ(0);
8         height: 200px;
9         width: 200px;
10   }
11
12   .inner {
13         z-index: 1;
14         overflow: hidden;
15         position: absolute;
16         width: 200px;
17         height: 200px;
18         background-color: silver;
19   }
20   
21   .inner-most {
22     transform: translateZ(0);
23     display: inline-block;
24     width: 100px;
25     height: 100px;
26         border: 1px solid green;
27         margin-top: 60px;  
28   }
29
30   .sibling {
31         z-index: 1;
32         position: relative;
33         width: 200px;
34         height: 40px;
35         background-color: green;
36   }
37 </style>
38 <body>
39 <div class=container>
40   <div class=inner>
41         <div class=inner-most>composited</div>
42   </div>
43   <div class=sibling></div>
44 </div>
45 </body>
46 </html>