src/third_party/WebKit/LayoutTests/fast/repaint/intermediate-layout-position-clip.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style type="text/css">
   5         .float { float: right; height: 40px; width: 40px; }
   6         .test { height: 200px; background-color: aliceblue }
   7     </style>
   8     <script src="resources/repaint.js" type="text/javascript"></script>
   9     <script type="text/javascript">
  10         function repaintTest()
  11         {
  12             document.getElementById('target').style.height='20px';
  13         }
  14     </script>
  15 </head>
  16 <body onload="runRepaintTest()">
  17     <div id="scroller" style="overflow: hidden; height: 40px">
  18         <div class="test">
  19             <div class="float"></div>
  20             <div style="clear: right; padding-bottom: 10px;">
  21                 <div style="height: 40px; width: 40px; background-color: red;" id="target">
  22                 </div>
  23             </div>
  24         </div>
  25     </div>
  26     <script>scroller.scrollTop = 60;</script>
  27 </body>
  28 </html>