3 <script src="../js/resources/js-test-pre.js"></script>
4 <script src="resources/spatial-navigation-utils.js"></script>
5 <script type="application/javascript">
19 if (window.layoutTestController) {
20 layoutTestController.dumpAsText();
21 layoutTestController.setSpatialNavigationEnabled(true);
22 layoutTestController.overridePreference("WebKitTabToLinksPreferenceKey", 1);
23 layoutTestController.waitUntilDone();
28 // starting the test itself: get to a known place.
29 document.getElementById("start").focus();
31 initTest(resultMap, testCompleted);
34 function testCompleted()
36 if (window.layoutTestController)
37 layoutTestController.notifyDone();
40 window.onload = runTest;
42 <script src="js/resources/js-test-post.js"></script>
44 div.overflow1 {overflow:auto; height:100px; width:200px; border: 1px solid cyan;}
45 div.overflow2 {overflow:hidden; height:80px; width:150px; border: 1px solid cyan;}
46 div:focus { outline: 2px solid red;}
51 <div class="overflow1">
52 <div><a href="#" id="start"><img src="resources/green.png" width=40px; height=40px;></a></div>
53 <div><a href="#" id="f2"><img src="resources/green.png" width=50px; height=40px;></a></div>
54 <div><a href="#" id="f3"><img src="resources/green.png" width=40px; height=40px;></a></div>
56 <div><a href="#" id="f4"><img src="resources/green.png" width=50px; height=40px;></a></div>
57 <div class="overflow2">
58 <div><a href="#" id="f5"><img src="resources/green.png" width=40px; height=40px;></a></div>
59 <div><a href="#" id="f6"><img src="resources/green.png" width=50px; height=40px;></a></div>
61 <div><a href="#" id="f7"><img src="resources/green.png" width=40px; height=40px;></a></div>
62 <div><a href="#" id="f8"><img src="resources/green.png" width=50px; height=40px;></a></div>
64 <div><a href="#" id="f9"><img src="resources/green.png" width=40px; height=40px;></a></div>
66 <div id="console"></div>
67 This test is testing that div with overflow:auto would scroll, by div with overflow:hidden would not.