modal-dialog-sibling.html (760B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="match" href="modal-dialog-sibling-ref.html"> 5 <link rel="help" href="https://fullscreen.spec.whatwg.org/#new-stacking-layer"> 6 <style> 7 dialog { 8 background: green; 9 border-color: green; 10 } 11 </style> 12 </head> 13 <body> 14 <p>Bug <a href="http://webkit.org/b/103477">103477</a>: Make 15 NodeRenderingContext::parentRenderer and nextRenderer top layer aware 16 <p>The test passes if you see a green rectangle in the center of the viewport. 17 <div style="display: none" id="div"></div> 18 <dialog id="dialog"></dialog> 19 <script> 20 document.getElementById('dialog').showModal(); 21 document.getElementById('dialog').offsetTop; // force a layout/renderer creation 22 document.getElementById('div').style.display = 'block'; 23 </script> 24 </body> 25 </html>