summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/compositing/low-dpi-non-stacking-context-scrolled-content.html
blob: d88f04de9533e349e2743be9f3305ab53bf1ffc3 (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
<script src="../resources/run-after-layout-and-paint.js"></script>
<style>
#parent {
    height: 300px;
    -webkit-backface-visibility: hidden;
    overflow: auto;
    background-color: #aaa;
    padding: 10px;
}

.child {
    height: 300px;
    margin: 5px  0;
    background-color: red;
    position: relative;
}
</style>
<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div id="target"class="child"></div>
</div>
<script>
if (window.testRunner)
        testRunner.waitUntilDone();

// The target element should be displayed as red, not gray.
runAfterLayoutAndPaint(function() {
    target.scrollIntoView(true);
    runAfterLayoutAndPaint(function() {
        testRunner.notifyDone();
    });
});
</script>