OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 margin: 0; | 6 margin: 0; |
7 } | 7 } |
8 | 8 |
9 dialog { | 9 dialog { |
10 padding : 0; | 10 padding : 0; |
11 } | 11 } |
12 | 12 |
13 #console { | 13 #console { |
14 position: fixed; | 14 position: fixed; |
15 } | 15 } |
16 </style> | 16 </style> |
17 <script src="../../../resources/js-test.js"></script> | 17 <script src="../../resources/js-test.js"></script> |
18 </head> | 18 </head> |
19 <body style="height: 10000px; width: 10000px"> | 19 <body style="height: 10000px; width: 10000px"> |
20 <div style="position: absolute; top: 5000px; left: 5000px; width: 20px;"> | 20 <div style="position: absolute; top: 5000px; left: 5000px; width: 20px;"> |
21 <dialog id="dialog" style="top: 1200px; left: 1200px; right: auto; height: 1
00px; width: 50%; background-color: yellow"> | 21 <dialog id="dialog" style="top: 1200px; left: 1200px; right: auto; height: 1
00px; width: 50%; background-color: yellow"> |
22 </dialog> | 22 </dialog> |
23 </div> | 23 </div> |
24 <script> | 24 <script> |
25 debug("This tests that a modal dialog's containing block is the initial containi
ng block."); | 25 debug("This tests that a modal dialog's containing block is the initial containi
ng block."); |
26 debug('The dialog should be onscreen with a width of 50% of the viewport. It is
the child of a ' + | 26 debug('The dialog should be onscreen with a width of 50% of the viewport. It is
the child of a ' + |
27 'narrow element positioned off screen, but its containing block is the ini
tial containing ' + | 27 'narrow element positioned off screen, but its containing block is the ini
tial containing ' + |
(...skipping 11 matching lines...) Expand all Loading... |
39 } | 39 } |
40 | 40 |
41 window.scroll(1000, 1000); | 41 window.scroll(1000, 1000); |
42 dialog = document.getElementById('dialog'); | 42 dialog = document.getElementById('dialog'); |
43 dialog.showModal(); | 43 dialog.showModal(); |
44 checkPosition(dialog); | 44 checkPosition(dialog); |
45 dialog.close(); | 45 dialog.close(); |
46 </script> | 46 </script> |
47 </body> | 47 </body> |
48 </html> | 48 </html> |
OLD | NEW |