LayoutTests/compositing/hidpi-viewport-clipping-on-composited-content.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>This tests that we position composited content properly when they are clipped to the viewport.</title>
   5 <style>
   6     .jiggle {
   7         width: 20px;
   8         height: 5px;
   9         position: absolute;
  10         background: green;
  11     }
  12
  13     .overlapping {
  14         position: absolute;
  15         top: 0px;
  16         left: 0px;
  17         width: 10px;
  18         height: 300px;
  19         -webkit-transform: translateZ(0);
  20     }
  21 </style>
  22 </head>
  23 <body>
  24 <div class=overlapping></div>
  25 <script>
  26 var leftPos = 0;
  27 for (i = 0; i < 50; ++i) {
  28     var element = document.createElement("div");
  29     element.className = "jiggle";
  30     element.style.top = (6 * i) + "px";
  31     element.style.left = leftPos + "px";
  32         document.body.appendChild(element);
  33         leftPos -= 0.1;
  34 }
  35 </script>
  36 </html>