I’ve noticed an issue with window.innerHeight
on Brave Android. On initial page load, the value is incorrect(bit higher), but it corrects itself after a single touch. This issue does not occur in other browsers like Chrome and Firefox. I’ve attached screenshots showing the readings before and after the touch.
Steps to Reproduce:
- Open Brave Android on your device.
- Load a html file contains with the code mentioned in Additional Information
- Check the value of
window.innerHeight
on initial page load (before any touch interaction). - Touch the screen to trigger a reflow.
- Check the value of
window.innerHeight
again.
Expected result: The value of window.innerHeight
should be accurate on initial page load without requiring any touch interaction.
Brave Version( check About Brave
): 1.74.50
Mobile Device details Android 14; Build/U1TCS34.22-64-19-4-2
Additional Information:
screenshors:
Code:
<title>Document</title>
<style>
html {
overflow: hidden;
}
.body{
height: 100vh;
width: 100vw;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
overflow: scroll;
}
</style>