third_party/WebKit/LayoutTests/fast/repaint/abspos-shift-image-incorrect-repaint.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
   3 <head>
   4 <style>
   5 .imageWrapper
   6 {
   7     position: relative;
   8     display: inline-block;
   9     width: 700px;
  10 }
  11
  12 #shiftMe
  13 {
  14     position: absolute;
  15     top: 0px;
  16     left: 0px;
  17     width: 1500px;
  18 }
  19 </style>
  20 <script src="resources/text-based-repaint.js"></script>
  21 <script>
  22 function repaintTest()
  23 {
  24     shiftMe.style.left = "-250px";
  25 }
  26 </script>
  27 </head>
  28 <body onload="runRepaintTest();">
  29     <div>This test checks that shifting an abspos container will properly repaint its descendants.</div>
  30     <div>The images below should be correctly repainted.</div>
  31     <div id="shiftMe">
  32         <div class="imageWrapper">
  33             <img src="resources/apple.jpg">
  34         </div>
  35         <div class="imageWrapper">
  36             <img src="resources/apple.jpg">
  37         </div>
  38     </div>
  39 </body>
  40 </html>