third_party/WebKit/LayoutTests/fast/dynamic/float-withdrawal.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style>
   5        td { width: 50px; height: 150px; vertical-align: top; }
   6     </style>
   7 </head>
   8 <body>
   9     <p>
  10         Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=12886">http://bugs.webkit.org/show_bug.cgi?id=12886</a>
  11         Crash with Scriptalicious javascript library</i>.
  12     </p>
  13     <p>
  14         You should see two purple 100&times;50 rectangles, <em>not</em> a checkerboard pattern.
  15     </p>
  16     <table cellpadding="0" cellspacing="0">
  17         <tr>
  18             <td>
  19                 <div style="width: 50px;">
  20                     <div style="height: 50px;">
  21                         <div id="target" style="float: left; width: 50px; height: 100px;"></div>
  22                     </div>
  23                     <div>
  24                         <div style="clear: both; width: 50px; height: 50px; background-color: purple;">
  25                         </div>
  26                     </div>
  27                 </div>
  28             </td>
  29             <td>
  30                 <div style="width: 50px;">
  31                     <div style="height: 50px;">
  32                         <div style="float: left; width: 50px; height: 25px;"></div>
  33                     </div>
  34                     <div>
  35                         <div style="clear: both; width: 50px; height: 50px; background-color: purple;">
  36                         </div>
  37                     </div>
  38                 </div>
  39             </td>
  40         </tr>
  41         <tr>
  42             <td>
  43                 <div style="width: 50px;">
  44                     <div>
  45                         <div id="target2" style="float: left; width: 50px; height: 50px;"></div>
  46                     </div>
  47                     <div>
  48                         <div style="clear: both; width: 50px; height: 50px; background-color: purple;">
  49                         </div>
  50                     </div>
  51                 </div>
  52             </td>
  53             <td>
  54                 <div style="width: 50px; height: 50px; background-color: purple;">
  55                 </div>
  56             </td>
  57         </tr>
  58     </table>
  59     <div style="height: 200px;">
  60     </div>
  61
  62     <script>
  63         var target = document.getElementById("target");
  64         var target2 = document.getElementById("target2");
  65         document.body.offsetTop;
  66         target.style.height = '25px';
  67         target2.style.height = '0';
  68     </script>
  69 </body>
  70 </html>