OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 </head> | 5 </head> |
6 <body id="body" tabindex="1"> | 6 <body id="body" tabindex="1"> |
7 <dialog id="top-dialog" tabindex="1" style="width: 100px; top: 30px"><button id=
"top-dialog-button">I get focus</button></dialog> | 7 <dialog id="top-dialog" tabindex="1" style="width: 100px; top: 30px"><button id=
"top-dialog-button">I get focus</button></dialog> |
8 <dialog id="bottom-dialog" tabindex="-1" style="width: 100px; bottom: 30px"><but
ton id="bottom-dialog-button">I don't get focus.</button></dialog> | 8 <dialog id="bottom-dialog" tabindex="-1" style="width: 100px; bottom: 30px"><but
ton id="bottom-dialog-button">I don't get focus.</button></dialog> |
9 <div id="container"> | 9 <div id="container"> |
10 <input id="text" type="text"> | 10 <input id="text" type="text"> |
(...skipping 30 matching lines...) Expand all Loading... |
41 testTree(childNodes[i], expectFocus); | 41 testTree(childNodes[i], expectFocus); |
42 } | 42 } |
43 | 43 |
44 var bottomDialog = document.getElementById('bottom-dialog'); | 44 var bottomDialog = document.getElementById('bottom-dialog'); |
45 bottomDialog.showModal(); | 45 bottomDialog.showModal(); |
46 | 46 |
47 var topDialog = document.getElementById('top-dialog'); | 47 var topDialog = document.getElementById('top-dialog'); |
48 topDialog.showModal(); | 48 topDialog.showModal(); |
49 | 49 |
50 testFocus(document.body, false); | 50 testFocus(document.body, false); |
51 testTree(topDialog, true); | 51 testTree(topDialog, true); // this breaks |
52 testTree(bottomDialog, false); | 52 testTree(bottomDialog, false); |
53 testTree(document.getElementById('container'), false); | 53 testTree(document.getElementById('container'), false); |
54 </script> | 54 </script> |
55 </body> | 55 </body> |
56 </html> | 56 </html> |
OLD | NEW |