third_party/WebKit/LayoutTests/fast/repaint/fixed-table-overflow-zindex.html

   1 <html>
   2 <head>
   3     <link rel="stylesheet" href="resources/default.css">
   4     <style>
   5         table { top: 0px; left: 0px; border-spacing: 0px; position: absolute; }
   6         td { background: green; padding: 0px; border-style: none; border: 0px; }
   7         td.fixed { position: fixed; left: 100px; top: 0px; z-index: 3; }
   8     </style>
   9     <script src="resources/text-based-repaint.js"></script>
  10     <script>
  11         if (window.testRunner) {
  12             testRunner.waitUntilDone();
  13             testRunner.dumpAsTextWithPixelResults();
  14         }
  15
  16         window.onload = function() {
  17             window.scrollTo(0, 100);
  18             runRepaintTest();
  19         };
  20
  21         function repaintTest()
  22         {
  23             document.getElementById('moveMe').className = "fixed";
  24         }
  25     </script>
  26 </head>
  27 <body style="height:2000px;">
  28     <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: Layer fixed position logic needs more basic testing -->
  29     <!-- You should see no red on this page. -->
  30     <table>
  31         <tr><td></td><td></td></tr>
  32         <tr><td id="moveMe"></td><td class="red"><div class="green" style="position: relative; left: -100px; top: 0px;"></div></td></tr>
  33 </body>
  34 </html>