I've been having this issue for as long as I can remember. I thought it might have just been from my phone or the emulation, but after publishing my app I still see this black rectangle at the bottom of screen, which looks like the status bar.
This happens after I have this in my config.xml
<preference name="android-build-tool" value="gradle" />
<preference name="Fullscreen" value="true" />
<preference name="Orientation" value="portrait" />
Seems that the problem is with defining the dimensions of the canvas. Solved this a while ago so I'm not sure if this is what fixed it:
var c = document.getElementById("canvas1"); var ctx = c.getContext("2d"); var pixelRatio = window.devicePixelRatio || 1; // get pixel ratio of device c.width = window.screen.width * pixelRatio; c.height = window.screen.height * pixelRatio; c.style.width = window.screen.width + 'px'; c.style.height = window.screen.height + 'px';
Also try deleting your index.css file