blob: 6f98f1952123abb4f5601f21ad431b691f64f68b [file] [log] [blame]
<!DOCTYPE html> <!-- webkit-test-runner [ AsyncOverflowScrollingEnabled=true ] -->
<html>
<head>
<style>
* {
box-sizing: border-box;
}
body {
display: grid;
grid-template-rows: auto;
grid-template-areas: "main"
}
.scroller {
float: left;
width: 100%;
height: 100%;
border: 1px solid black;
overflow: scroll;
}
.content {
width: 100%;
height: 100%;
background-color: green;
}
.box {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div id="main">
<div class="scroller">
<div class="content">
<div class="box"></div>
</div>
</div>
</div>
</body>
</html>