third_party/WebKit/LayoutTests/fast/block/float/crash-on-absolute-positioning.html

   1 <html>
   2 <script>
   3 if (window.testRunner)
   4 {
   5     testRunner.dumpAsText();
   6     testRunner.waitUntilDone();
   7 }
   8
   9 function removeFloat()
  10 {
  11     var float2 = document.getElementById('float2');
  12     float2.style.display = 'none';
  13     window.setTimeout('crash();', 0);
  14 }
  15
  16 function crash()
  17 {
  18     var block1 = document.getElementById('block1');
  19     var float1 = document.getElementById('float1');
  20     block1.style.position = 'absolute';
  21     float1.style.display = 'none';
  22     if (window.testRunner)
  23     {
  24         testRunner.notifyDone();
  25     }
  26 }
  27 </script>
  28 <body onload="removeFloat()">
  29 <p>This test passes if it doesn't crash.</p>
  30 <div style="position:absolute; left:0; top:40">
  31 <div id="block1" style="border:solid">
  32 <div id="float1" style="float:left; width:50px; height:600px; background-color:purple; margin-left:5px"></div>
  33 <div id="float2" style="float:left; width:50px; height:150px; background-color:purple; margin-left:5px"></div>
  34 <div id="block2">A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  35 <div>A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  36 <div>A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  37 <div>A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  38 <div>A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  39 </div>
  40 <div>A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  41 <div>A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  42 <div>A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. There is a purple box in the upper right hand corner. Note how all of the text in this paragraph is avoiding the float.</div>
  43 </div>
  44 </body>
  45 </html>