<!DOCTYPE html>
<style>
#container {
overflow: scroll;
width: 500px;
height: 400px;
background-attachment: local;
background-image: linear-gradient(black, white);
}
#bloat {
position: relative;
left: 0;
top: 10000px;
width: 1px;
height: 1px;
}
</style>
<div id="container">
<div id="bloat"></div>
</div>
This test verifies a overflow clip container with background-attachment:local correctly repaints when its overflow changes size without scrolling.