third_party/WebKit/LayoutTests/fast/transforms/topmost-becomes-bottomost-for-scrolling.html

   1 <html>
   2 <head>
   3 <style>
   4     #scroll {
   5         width: 230px;
   6         height: 230px;
   7         overflow: scroll;
   8         border: 1px solid black;
   9     }
  10     #container {
  11         width:200px;
  12         height:200px;
  13         background-color:blue;
  14         transform: rotate(180deg);
  15     }
  16     #spill {
  17         width:100px;
  18         height:100px;
  19         background-color:green;
  20         position:absolute;
  21         top:-50px;
  22     }
  23 </style>
  24 </head>
  25
  26 <body>
  27
  28     <p id="result">
  29         FAIL. The transform has not been applied to the scrollHeight.
  30     </p>
  31
  32     <div id="scroll">
  33         <div id="container">
  34             <div id="spill"></div>
  35         </div>
  36     </div>
  37
  38     <script>
  39         if (window.testRunner)
  40             testRunner.dumpAsText();
  41         var scroll = document.getElementById("scroll");
  42         var scrollHeight = scroll.scrollHeight;
  43         if (scrollHeight > 215) {
  44             var result = document.getElementById("result");
  45             result.innerHTML = "SUCCESS! The transform was applied to the scrollHeight!";
  46         }
  47     </script>
  48 </body>
  49 </html>