top-layer-parent-overflow-hidden.html (737B)
1 <!DOCTYPE html> 2 <html> 3 <title>Test that parent overflow: hidden; does not affect top layer elements</title> 4 <meta charset="utf-8"> 5 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 6 <link rel="match" href="green-dialog-and-backdrop.html"> 7 <link rel="help" href="https://fullscreen.spec.whatwg.org/#new-stacking-layer"> 8 <style> 9 body { background: red; } 10 11 #parent { 12 max-width: 0; 13 max-height: 0; 14 width: 0; 15 height: 0; 16 overflow: hidden; 17 position: absolute; 18 } 19 20 dialog::backdrop, 21 dialog { 22 background: green; 23 outline: none; 24 } 25 </style> 26 <body> 27 <div id="parent"> 28 <dialog>PASS if no red shows</dialog> 29 </div> 30 <script> 31 document.querySelector("dialog").showModal(); 32 </script> 33 </body> 34 </html>