top-layer-parent-overflow-scroll.html (761B)
1 <!DOCTYPE html> 2 <html> 3 <title>Test that parent overflow: scroll; 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: scroll; 17 position: absolute; 18 } 19 20 dialog::backdrop, 21 dialog { 22 background: green; 23 position: absolute; 24 outline: none; 25 } 26 </style> 27 <body> 28 <div id="parent"> 29 <dialog>PASS if no red shows</dialog> 30 </div> 31 <script> 32 document.querySelector("dialog").showModal(); 33 </script> 34 </body> 35 </html>