<!DOCTYPE html>
<style>
#main {
width:100px;
height:200px;
overflow-y:auto;
box-shadow: 0 4px 8px #d6d6d6;
}
#item {
display:block;
text-decoration:none;
padding-top:6px;
padding-bottom:6px;
}
</style>
<script>
if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function runTest() {
var clientRect = document.getElementById('item1').getBoundingClientRect();
x = (clientRect.left + clientRect.right) / 2;
y = (clientRect.top + clientRect.bottom) / 2;
if (window.eventSender) {
eventSender.gestureShowPress(x, y);
window.setTimeout(function() { window.testRunner.notifyDone(); }, 0);
}
}
window.onload = runTest;
</script>
<div id="main">
<a id="item1" href='#'>Item Link 1</a>
<a id="item2" href='#'>Item Link 2</a>
<a id="item3" href='#'>Item Link 3</a>
<a id="item4" href='#'>Item Link 4</a>
<a id="item5" href='#'>Item Link 5</a>
<a id="item6" href='#'>Item Link 6</a>
<a id="item7" href='#'>Item Link 7</a>
<a id="item8" href='#'>Item Link 8</a>
<a id="item9" href='#'>Item Link 9</a>
<a id="item10" href='#'>Item Link 10</a>
<a id="item11" href='#'>Item Link 11</a>
<a id="item12" href='#'>Item Link 12</a>
<a id="item13" href='#'>Item Link 13</a>
<a id="item14" href='#'>Item Link 14</a>
<a id="item15" href='#'>Item Link 15</a>
<a id="item16" href='#'>Item Link 16</a>
</div>