| 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 |