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

   1 <html>
   2 <head>
   3     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=10522</title>
   4     <style type="text/css">
   5         .float { float: right; height: 40px; width: 40px; }
   6         .test { height: 100px; 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             document.getElementById('cell').style.height='20px';
  14         }
  15     </script>
  16 </head>
  17 <body onload="runRepaintTest()">
  18     <div class="test">
  19         <div class="float"></div>
  20         <div style="clear: right; background-color: purple; width: 40px; padding: 3px;">
  21             <div style="height: 40px; width: 0;" id="target">
  22             </div>
  23         </div>
  24     </div>
  25
  26     <div class="test">
  27         <div class="float"></div>
  28         <table style="clear: both; background-color: purple;">
  29             <tr>
  30                 <td id="cell" style="height: 40px; width: 40px;">
  31                 </td>
  32             </tr>
  33         </table>
  34     </div>
  35 </body>
  36 </html>