<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<style>
div {
height: 100px;
width: 100px;
overflow: scroll;
}
div p {
margin-top: 300px; /* Outside div's scrollport. */
}
</style>
<button id="a">a</button><br>
<div id="scroller" tabindex="0">
<button id='b'>b</button>
<p>some text</p>
</div>
<button id="c">c</button>
<p>Scrolling downwards puts #b off screen. When #b is
off screen, #c is reachable once the div is fully scrolled.</p>
<script>
let resultMap = [
['Down', 'a'],
['Down', 'scroller'],
['Down', 'b'],
['Down', 'b'],
['Down', 'b'],
['Down', 'b'],
['Down', 'b'],
['Down', 'b'],
['Down', 'b'],
['Down', 'b'],
['Down', 'c'],
];
snav.assertFocusMoves(resultMap);
</script>