<html>
<head>
<title>Anchor Lock</title>
</head>
<body>
<h1>Anchor Lock</h1>
<p>This tests WebKit's ability to lock to an anchor and maintain focus on it as images are loaded above and below it. The Anchor text should be visible and this message should not.</p>
<p><img src="resources/largeblank.png"></p>
<p><img src="resources/largeblank.png"></p>
<p><img src="resources/largeblank.png"></p>
<p><img src="resources/largeblank.png"></p>
<a name="anchor1">Anchor text - this should be the only visible text.</a>
<p><img src="resources/largeblank.png"></p>
<p><img src="resources/largeblank.png"></p>
<p><img src="resources/largeblank.png"></p>
<p><img src="resources/largeblank.png"></p>
<p><img src="resources/largeblank.png"></p>
<script type="text/javascript">

if (window.testRunner) {
    testRunner.waitUntilDone();
    window.addEventListener('scroll', () => {
        testRunner.notifyDone();
    });
}

document.write(location.href="#anchor1");
</script>
</body>
</html>
