| <!doctype html> |
| <style> |
| #scroller {background: yellow; width: 130px; height: 80px; overflow: scroll;} |
| #insider-at-top {background: purple; width: 130px; height: 20px; margin-bottom: 300px} |
| </style> |
| |
| <div id="scroller"> |
| <div id="insider-at-top" class="top" tabindex="0">at top of scroller</div> |
| </div> |
| |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="resources/snav-testharness.js"></script> |
| <script> |
| var resultMap = [ |
| ["Down", "scroller"], |
| ["Down", "insider-at-top"] |
| ]; |
| snav.assertFocusMoves(resultMap); |
| </script> |
| |
| <p><em>Manual test instruction: Ensure the insider is reachable even though it sits at the very top of the scroller.</em></p> |