fullscreen-root-fills-page.html (1158B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 5 <link rel="match" href="fullscreen-root-fills-page-ref.html"> 6 <style> 7 html { 8 background-color: red; 9 height: 100%; 10 overflow: hidden; 11 12 /* These should be no-op */ 13 top: 200px; 14 left: 200px; 15 right: 200px; 16 bottom: 200px; 17 } 18 19 html, body { 20 margin: 0; 21 padding: 0; 22 } 23 24 body, #cover { 25 height: 100%; 26 width: 100%; 27 } 28 29 #cover { 30 background-color: green; 31 } 32 </style> 33 </head> 34 35 <body> 36 <div id="cover"></div> 37 <script src="/resources/testdriver.js"></script> 38 <script src="/resources/testdriver-vendor.js"></script> 39 <script> 40 document.addEventListener("fullscreenchange", () => { 41 document.documentElement.classList.remove("reftest-wait"); 42 }); 43 test_driver.bless("fullscreen") 44 .then(() => document.documentElement.requestFullscreen()) 45 </script> 46 </body> 47 </html>