third_party/WebKit/LayoutTests/fast/repaint/inline-block-resize.html

   1 <html>
   2 <head>
   3     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12885</title>
   4     <style type="text/css">
   5
   6     </style>
   7     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   8     <script>
   9         function repaintTest()
  10         {
  11             document.getElementById('target').style.width = '100px';
  12             document.getElementById('target').style.height = '100px';
  13             document.getElementById('target').style.marginTop = '-100px';
  14         }
  15     </script>
  16 </head>
  17 <body onload="runRepaintTest();">
  18     <div style="position:absolute; height:100px; width:100px;background-color:red"></div>
  19     <div style="padding-top:100px"></div>
  20     <div style="position:absolute"><div id="target" style="display:inline-block; background-color:green"></div></div>
  21     </div>
  22 </body>
  23 </html>