top-layer-parent-transform.html (642B)
1 <!DOCTYPE html> 2 <html> 3 <title>Test that parent transform 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 transform: scale(0); 13 } 14 15 dialog::backdrop, 16 dialog { 17 background: green; 18 outline: none; 19 } 20 </style> 21 <body> 22 <div id="parent"> 23 <dialog>PASS if no red shows</dialog> 24 </div> 25 <script> 26 document.querySelector("dialog").showModal(); 27 </script> 28 </body> 29 </html>