Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / paint / tables / huge-table-composited-scroll.html
blob: ddbd37f9364232f4327773ba5f015b7961803829 [file] [log] [blame]
<!DOCTYPE html>
<style>
td {
padding: 0;
}
table {
width: 10000px;
height: 10000px;
border-spacing: 0;
}
::-webkit-scrollbar {
width: 0;
height: 0;
}
</style>
<div id="container" style="will-change: transform; overflow: scroll; width: 400px; height: 400px">
<table id="table">
<colgroup>
<col style="background-color: red">
<col style="background-color: gray">
<col style="background-color: magenta">
<col style="background-color: blue">
<col style="background-color: cyan">
<col style="background-color: yellow">
<col style="background-color: orange">
<col style="background-color: green">
</colgroup>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
container.scrollTop = 9000;
container.scrollLeft = 9000;
}, true);
</script>