layout/reftests/transform-3d/transform-geometry-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   5
   6 <style type="text/css">
   7 #parent {
   8   width: 400px;
   9   height: 400px;
  10   transform-style: preserve-3d;
  11 }
  12
  13 #child {
  14   width: 400px;
  15   height: 400px;
  16   overflow: scroll;
  17 }
  18
  19 .box {
  20   width: 400px;
  21   height: 300px;
  22   background-color: red;
  23 }
  24 </style>
  25
  26 </head>
  27 <body>
  28
  29 <div id="parent">
  30   <div id="child">
  31     <div class="box"></div>
  32     <div class="box"></div>
  33   </div>
  34 </div>
  35
  36 <script>
  37 function doTest() {
  38   document.documentElement.removeAttribute("class");
  39   document.getElementById("child").scrollTop = 200;
  40 }
  41 window.addEventListener("MozReftestInvalidate", doTest);
  42 </script>
  43
  44 </body>
  45 </html>