[Pointer Events WPT] Unskip imported/w3c/web-platform-tests/pointerevents/pointereven...
[WebKit-https.git] / LayoutTests / compositing / hidpi-compositing-layer-with-zero-sized-container-expected.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>This tests that child content is positioned properly when the parent compositing layer has zero width/height.</title>
5 <style>
6   .container {
7     position: absolute;
8   }
9
10   .child {
11     position: absolute;
12     width: 5px;
13     height: 5px;
14     border: 0.5px solid red;
15 }
16 </style>
17 </head>
18 <body>
19 <p id="container"></p>
20 <script>
21   var container = document.getElementById("container");
22   containerAdjustment = 0;
23   for (i = 0; i < 40; ++i) {
24     var childAdjustment = 0;
25     for (j = 0; j < 40; ++j) {
26       var c = document.createElement("div");
27       c.className = "container";
28       c.style.top = (6 * i + j * containerAdjustment) + "px";
29       c.style.left = (6 * j + i * containerAdjustment) + "px";
30
31       var child = document.createElement("div");
32       child.className = "child";
33       child.style.top = (6 * i + j * childAdjustment) + "px";
34       child.style.left = (6 * j + i * childAdjustment) + "px";
35       c.appendChild(child);
36
37       container.appendChild(c);
38       childAdjustment += 0.05;
39     }
40     containerAdjustment += 0.05;
41   }
42 </script>
43 </body>
44 </html>