<!DOCTYPE html>
<style>
#grid {
display: grid;
height: 300px;
}
#item {
overflow: scroll;
overflow-anchor: none;
}
#content {
height: 800px;
}
</style>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<div id="log"></div>
<div id="grid">
<div id="item">
<div id="content">AAA</div>
</div>
</div>
<script>
onload = () => {
var item = document.querySelector("#item");
item.scrollTo(0, 200);
document.querySelector("#content").innerHTML = "BBB";
test(() => {
assert_equals(item.scrollTop, 200);
}, "Checks that scroll position is kept when grid item content is modified.");
};
</script>