[Mac] Remove backing store for layers that are outside the viewport
[WebKit-https.git] / LayoutTests / compositing / composited-parent-clipping-layer-on-subpixel-position.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>This tests that when the composited parent container enforces clipping and it is on a subpixel position, we snap child content properly.</title>
5 <style>
6         .container {
7                 width: 15px;
8                 height: 15px;
9                 position: absolute;
10                 overflow: hidden;
11                 -webkit-transform: translateZ(0);
12         }
13
14         .inner {
15                 width: 10px;
16                 height: 10px;
17                 border: 1px solid red;
18                 -webkit-transform: translateZ(0);
19         }
20 </style>
21 </head>
22 <body>
23 </div>
24 <script>
25         var body = document.body;
26         var x = 0;
27         var y = 0;
28         for (i = 0; i < 20; ++i) {
29             y = 0;
30                 for (j = 0; j < 20; ++j) {
31                         var container = document.createElement("div");
32                         container.style.top = 15 * i + y + "px";
33                         container.style.left = 15 * j + x + "px";
34                         container.className = "container";
35                         body.appendChild(container);
36
37                         var inner = document.createElement("div");
38                         inner.className = "inner";
39                         container.appendChild(inner);
40                         y += 0.1;
41                 }
42                 x += 0.1;
43         }
44 </script>
45 </body>
46 </html>