Why is window.innerHeight incorrect until I tap? Chrome (Android)

Issue When I view this page in Chrome on my mobile phone: <!DOCTYPE html> <html lang=”en-au”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width”> </head> <body> <div style=”position:fixed;bottom:0;right:0;background:#f00;width:50px;height:50px”> </div> <div id=”output”> </div> <script> setInterval(() => document.getElementById(“output”).innerHTML = `windowHeight: ${window.innerHeight}`, 37); </script> </body>

Continue reading