third_party/WebKit/LayoutTests/fast/repaint/transform-disable-layoutstate.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <script src="resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script>
   5   <script type="text/javascript" charset="utf-8">
   6     function repaintTest()
   7     {
   8       document.getElementById('target').style.height='10px';
   9     }
  10   </script>
  11 </head>
  12 <body onload="runRepaintTest()">
  13     <div id="container" style="width: 500px; transform: translate(50px, 80px)">
  14       <div style="padding-bottom: 100px; background: silver;">
  15           <div style="float: right; height: 50px; width: 50px; background: green;"></div>
  16           <div style="clear: right; border: 4px solid blue;">
  17                   <div style="height: 55px;" id="target">
  18                   </div>
  19           </div>
  20       </div>
  21     </div>
  22 </body>
  23 </html>