Dragging on canvas to centre game on mobile

Phaser 3
1

Hi,
My problem is very similar to this: http://www.html5gamedevs.com/topic/39653-zoom-in-on-phone-browsers/.
The video outlines the problem. I imagine the canvas ‘captures’ the dragging and as a result, the webpage doesn’t scroll. Same story for pinch zooming. This means I can only see the top half of my game on mobile; unless I can drag on an area outside of the canvas.
My game code is here: https://github.com/HalFrgrd/UrGame
And is being hosted here: http://urgame.appspot.com/

What is the best practice to do this? How do you zoom into the webpage on mobile so that the game appears larger? I am not trying to zoom the camera in the game.

Thanks,

Hal

2

Also, a similar problem is that if I load the page with the console open for debugging, and then I close it, I have to click where the buttons were when the console was open. It’s like the game is getting the coordinates relative to the webpage at the start and not updating it when the canvas changes position. How would I fix this?