43 lines
774 B
HTML
43 lines
774 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#grid {
|
|
display: grid;
|
|
height: 200px;
|
|
}
|
|
#item {
|
|
overflow: scroll;
|
|
}
|
|
#content {
|
|
height: 800px;
|
|
}
|
|
|
|
#bar {
|
|
display: none;
|
|
margin-top: 200px;
|
|
}
|
|
</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">
|
|
<div>foo</div>
|
|
<div id="bar">bar</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
onload = () => {
|
|
var item = document.getElementById("item");
|
|
item.scrollTo(0, 200);
|
|
document.getElementById("bar").style.display = "block";
|
|
test(() => {
|
|
assert_equals(item.scrollTop, 200);
|
|
}, "Checks that scroll position is kept when an element inside a grid item is showed.");
|
|
};
|
|
</script>
|