Full screen mode doesn't take up full space in android default browser

407 views Asked by At

This problem is specific to the default browser present on android devices.

I have a webpage which runs in full screen mode by enabling it through javascript. The window.innerHeight gives me the correct height of full screen which i set to the outer container.

But the problem is when the display goes to full screen mode the browser screen doesn't take up the full screen and there is white patch that is left at bottom which is equal to the height of the address bar on the top. (See image below - check closely for the bottom white space)

This results in my html content being hidden since the height of the outer container is still the full screen height.

I have tested the issue in S3 and HTC ONE X.

enter image description here

0

There are 0 answers