| <html> |
| <head> |
| <title></title> |
| <style type="text/css"> |
| #t { position: absolute; width: 100px; height: 100px; background: green; left: -120px; } |
| </style> |
| <script type="text/javascript"> |
| function test() |
| { |
| var container = document.getElementById("rel"); |
| var target = document.getElementById("t"); |
| document.body.offsetTop; // force layout |
| container.style.position = "relative"; |
| document.body.offsetTop; // force layout |
| target.style.left = "0"; |
| } |
| </script> |
| </head> |
| <body onload="test()"> |
| <p> |
| This is a test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=9121">http://bugs.webkit.org/show_bug.cgi?id=9121</a> |
| REGRESSION: [Incremental Repaint] DHTML movement test failures</i>. |
| </p> |
| <p> |
| Do not resize the window. If you did, reload the test. |
| </p> |
| <p> |
| There should be a green square below, aligned with the left margin of the page. |
| </p> |
| <hr> |
| <div id="rel" style="position: static;"> |
| <span id="t"></span> |
| </div> |
| </body> |
| </html> |
