src/third_party/WebKit/LayoutTests/fast/repaint/bugzilla-6388.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5     <script src="resources/repaint.js" type="text/javascript"></script>
   6     <script type="text/javascript">
   7        function repaintTest()
   8        {
   9            document.getElementById('outside').style.left = '-100px';
  10        }
  11     </script>
  12 </head>
  13 <body onload="runRepaintTest();">
  14 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=6388">Bugzilla bug 6388</a> REGRESSION: Incomplete repaint when dragging the map on Google maps</p>
  15
  16 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  17 The blue square will change to green.
  18 </p>
  19
  20 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  21 The blue square will NOT change to green.
  22 </p>
  23
  24 <div style="width: 100px; height: 100px; overflow: hidden; position: relative">
  25     <div id="outside" style="position:absolute; width: 0; height: 0;">
  26         <div style="width: 200px; height: 100px; position: absolute; background: green;">
  27             <div style="width: 100px; height: 100px; background: blue;"></div>
  28         </div>
  29     </div>
  30 </div>
  31 <br>
  32 </body>
  33 </html>