<!doctype html>
<html>
<head>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<style>
#fixed {
position: fixed;
bottom: 30px;
right: 0px;
}
#abs {
position: absolute;
bottom: 0px;
right: 0px;
height: 90px;
width: 360px;
background: yellow;
}
</style>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
if (window.internals) {
internals.settings.setPreferCompositingToLCDTextEnabled(false);
}
window.onload = function() {
if (window.internals)
internals.startTrackingRepaints(document);
window.scrollTo(0, 500);
runAfterLayoutAndPaint(function() {
window.scrollTo(0, 0);
runAfterLayoutAndPaint(function() {
if (window.internals)
document.getElementById('layers').textContent =
internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_INVALIDATIONS);
if (window.testRunner)
testRunner.notifyDone();
});
});
}
</script>
</head>
<body style="height: 4000px;">
<div id="fixed">
<div id="abs">
Hi!
</div>
</div>
<pre id="layers"></pre>
</body>
</html>