<!DOCTYPE html>
<div id="bug" style="width:300px; height:200px; position:relative; z-index:0; overflow:scroll;">
<div style="mix-blend-mode:multiply; width:10px; height:10px;"></div>
<div style="width:100px; height:1000px; background:green;"></div>
</div>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
document.getElementById("bug").scrollTop = 300;
}, true);
</script>