summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scrollbar-layers.html
blob: 8af1ecfbd06610ff9f6e0f875eb6ad8ea1d97c8e (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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<style>
.container {
width: 100px;
height:100px;
position:absolute;
transform:translateZ(0);
overflow:auto;
}

.content {
transform: translateZ(0);
position:absolute;
width:10px;
height:10px;
}

.tall {
height:200px;
}

.wide {
width:200px;
}

.resizeWidget {
resize: both;
}

</style>
<pre id="layerTree"></pre>
<div class="container">
  <div class="content tall"></div>
</div>
<div class="container">
  <div class="content wide"></div>
</div>
<div class="container">
  <div class="content wide tall"></div>
</div>
<div class="container resizeWidget">
  <div class="content"></div>
</div>
<script>
if (window.testRunner) {
    testRunner.dumpAsText();
    document.getElementById("layerTree").innerText = window.internals.layerTreeAsText(document);
}
</script>