| <!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> | |