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