OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .green { | 5 .green { |
6 color: green; | 6 color: green; |
7 } | 7 } |
8 | 8 |
9 #right-dialog { | 9 #right-dialog { |
| 10 display: inline; |
10 position: static; | 11 position: static; |
11 border: none; | 12 border: none; |
12 padding: 0; | 13 padding: 0; |
13 margin: 0; | 14 margin: 0; |
14 } | 15 } |
15 </style> | 16 </style> |
16 </head> | 17 </head> |
17 <body> | 18 <body> |
18 <p>Bug <a href="http://webkit.org/b/106538">106538</a>: Top layer fails for inli
ne elements</p> | 19 <p>Bug <a href="http://webkit.org/b/106538">106538</a>: Top layer fails for inli
ne elements</p> |
19 <p>This tests that position 'static' no longer computes to 'absolute' for an | 20 <p>This tests that position 'static' no longer computes to 'absolute' for an |
20 element that has been removed from the top layer. The test passes if you see | 21 element that has been removed from the top layer. The test passes if you see |
21 a single line of text.</p> | 22 a single line of text.</p> |
22 <span class="green">This is the span.</span> | 23 <span class="green">This is the span.</span> |
23 <dialog class="green" id="right-dialog">This is the dialog following it.</dialog
> | 24 <dialog class="green" id="right-dialog">This is the dialog following it.</dialog
> |
24 <script> | 25 <script> |
25 var dialog = document.getElementById('right-dialog'); | 26 var dialog = document.getElementById('right-dialog'); |
26 dialog.showModal(); | 27 dialog.showModal(); |
27 dialog.close(); | 28 dialog.close(); |
28 dialog.show(); | 29 dialog.show(); |
29 </script> | 30 </script> |
30 </body> | 31 </body> |
31 </html> | 32 </html> |
OLD | NEW |