REGRESSION(r217695): Offscreen/overflowed items not being rendered while translating...
[WebKit-https.git] / LayoutTests / compositing / hidpi-absolute-subpixel-positioned-transformed-elements.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>This tests that applying rotation on a subpixel (absolute)positioned box does not change its position/size.</title>
5 <head>
6 <style>
7   div {
8     background: green;
9     width: 9px;
10     height: 9px;
11     position: absolute;
12   }
13 </style>
14 </head>
15 <body>
16 <p id="container"></p>
17 <script>
18   var container = document.getElementById("container");
19   adjustment = 0.1;
20   for (i = 0; i < 10; ++i) {
21     adjustment+=0.1;
22     for (j = 0; j < 10; ++j) {
23       var e = document.createElement("div");
24       e.style.top = (11 * i + j * adjustment) + "px";
25       e.style.left = (11 * j + i * adjustment) + "px";
26       container.appendChild(e);
27     }
28   }
29   
30   function rotate() {
31      divs = document.getElementsByTagName("div");
32      for (i = 0; i < divs.length; ++i)
33        divs[i].style.webkitTransform = "rotate(90deg)";
34
35     if (window.testRunner)
36         testRunner.notifyDone();
37   }
38
39   if (window.testRunner)
40     testRunner.waitUntilDone();
41
42   setTimeout(rotate, 0);
43 </script>
44 </body>
45 </html>