top-layer-position-relative.html (722B)
1 <!DOCTYPE html> 2 <link rel=author href="mailto:jarhar@chromium.org"> 3 <link rel=author href="mailto:falken@chromium.org"> 4 <link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element"> 5 <link rel=help href="https://bugs.webkit.org/show_bug.cgi?id=106538"> 6 <link rel=match href="top-layer-position-ref.html"> 7 <meta name=assert content="Position relative computes to absolute in the top layer for dialog elements."> 8 9 <style> 10 dialog { 11 background-color: green; 12 height: 50px; 13 width: 50px; 14 border: none; 15 padding: 0; 16 margin: 0; 17 18 position: relative; 19 top: 100px; 20 left: 100px; 21 } 22 </style> 23 24 <dialog></dialog> 25 26 <script> 27 document.querySelector('dialog').showModal(); 28 </script>