third_party/WebKit/LayoutTests/fast/repaint/layer-hide-when-needs-layout.html

   1 <html>
   2 <head>
   3     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=13544</title>
   4     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   5     <script type="text/javascript">
   6         function repaintTest()
   7         {
   8             var div = document.getElementById("target");
   9             div.style.visibility = 'hidden';
  10             // Now make this a layout hint to avoid the repaint done in setStyle().
  11             div.style.width = '50px';
  12         }
  13     </script>
  14 </head>
  15 <body onload="runRepaintTest()">
  16     <div style="position: relative;">
  17         <div style="background: green; width: 100px; height: 100px;">
  18         </div>
  19         <div id="target" style="position: absolute; top: 0; width: 100px; height: 100px; background: red;">
  20         </div>
  21     </div>
  22 </body>
  23 </html>