src/third_party/WebKit/LayoutTests/fast/repaint/static-to-positioned.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('a').style.position='relative';
  10            document.getElementById('t').style.position='absolute';
  11        }
  12     </script>
  13 </head>
  14 <body onload="runRepaintTest();">
  15     <p>
  16         Repaint test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9334">http://bugzilla.opendarwin.org/show_bug.cgi?id=9334</a>
  17         Incomplete repaint when changing block from non-positioned to positioned</i>.
  18     </p>
  19     <hr>
  20     <div style="position: relative; height: 200px;">
  21         <div id="a" style="width: 100px; height: 100px; background: blue; top: 50px; "></div>
  22     </div>
  23     <div style="position: relative; height: 150px; padding-top: 50px;">
  24         <div style="height: 150px;">
  25             <div id="t" style="width: 100px; height: 100px; background: blue; top: 0;"></div>
  26         </div>
  27     </div>
  28 </body>
  29 </html>