<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
scroller.style.outline = '1px solid green';
}
onload = runRepaintAndPixelTest;
</script>
<style>
#scroller {
overflow: scroll;
width: 200px;
height: 200px;
will-change: transform;
outline: 1px solid red;
outline-offset: -4px;
}
.spacer {
height: 300px;
}
</style>
<!-- #scroller has a negative offset outline which should not be covered up by
the scrollbar. When the color changes it should repaint. -->
<div id="scroller">
<div class="spacer"></div>
</div>