summaryrefslogtreecommitdiffstats
path: root/WebCore/manual-tests/containing-block-position-change.html
blob: adc22384a26ac0d8618459b66c2d89cfa7d8a955 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<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>