third_party/WebKit/LayoutTests/fast/block/positioning/relayout-on-position-change.html

   1 <html>
   2 <head>
   3 <script>
   4 function test()
   5 {
   6     document.body.offsetTop;    // force layout
   7     document.getElementById('change').style.position = "";
   8 }
   9 </script>
  10 </head>
  11 <body onload="test();">
  12 <p>
  13     This tests for a regression against
  14     <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7095">http://bugzilla.opendarwin.org/show_bug.cgi?id=7095</a>
  15     Removing positioning from an element does not relayout properly</i>.
  16 </p>
  17 <p>
  18     The green square should be to the left of the yellow square.
  19 </p>
  20 <hr>
  21 <div style="background: yellow; position: relative; width: 200; height: 100;">
  22 <div id="change" style="background: green; position: absolute; top: 0; left: 100; width: 100; height: 100">
  23 </div>
  24 </div>
  25 </body>