summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/repaint/fixed-scale.html
blob: 20e1369dcc6125b72dd067849158913f1f076541 (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
<html>
<head>
    <link rel="stylesheet" href="resources/default.css">
    <style>
        .translated {
            transform: scale(2, 2);
        }
    </style>
    <script src="resources/text-based-repaint.js"></script>
    <script>
        if (window.testRunner)
            testRunner.dumpAsTextWithPixelResults();

        window.onload = function() {
            window.scrollTo(0, 200);
            runRepaintTest();
        };

        function repaintTest()
        {
            document.getElementById('t').setAttribute("class", "green translated");
        }
    </script>
</head>
<body style="height:2000px;">
    <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: Layer fixed position logic needs more basic testing -->
    <!-- You should see no red on this page. -->
    <div style="position: absolute; top: 300px; left: 100px;" class="red"></div>
    <div id="t" style="position: fixed; top: 125px; left: 125px; width: 50px; height: 50px;" class="green"></div>
</body>
</html>