Compute accurate regions for touch-action
[WebKit-https.git] / LayoutTests / compositing / hidpi-sibling-composited-content-offset-expected.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>This tests sibling composited content with subpixel positioning.</title>
5 <style>
6 .container {
7   position: absolute;
8   background-color: green; 
9   transform: translateZ(0); 
10   width: 15px; 
11   height: 15px;
12 }
13
14 .offset { 
15   background-color: blue;
16   width: 5px;
17   height: 5px;
18   position: relative;
19   } 
20
21 .jiggle {
22   height: 5px;
23   width: 5px; 
24   background-color: red;
25 }
26 </style>
27 </head>
28 <body>
29 <script>
30 var subpixelForContainer = 0;
31 for (var i = 0; i < 20; ++i) {
32   var subpixelForChild = -2;
33   for (var j = 0; j < 20; ++j) {
34     var container = document.createElement("div");
35     container.className = "container";
36     container.style.left = i * 20 + subpixelForContainer + "px";
37     container.style.top = j * 20 + subpixelForContainer + "px";
38     document.body.appendChild(container);
39     subpixelForContainer += 0.05;
40
41     var offset = document.createElement("div");
42     offset.className = "offset";
43     offset.style.left = subpixelForChild + "px";
44     container.appendChild(offset);
45     subpixelForChild += 0.05;
46
47     var jiggle = document.createElement("div");
48     jiggle.className = "jiggle";
49     container.appendChild(jiggle);
50   }
51 }
52 </script>
53 </body>
54 </html>