| <!doctype html> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| <select id="stickyEl" style="position:sticky;top:0px" > |
| <option>foo</option> |
| <option>bar</option> |
| </select> |
| <div> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| test<br>test<br>test<br>test<br>test<br>test<br>test<br> |
| </div> |
| <script> |
| 'use strict'; |
| |
| test(() => { |
| var stickyEl = document.getElementById("stickyEl"); |
| window.scrollTo(0, document.body.scrollHeight); |
| assert_true(window.scrollY > 0); |
| var old_scroll_pos = window.scrollY; |
| stickyEl.focus(); |
| assert_equals(window.scrollY, old_scroll_pos, |
| "should not scroll up after focusing on sticky element"); |
| }); |
| </script> |
