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