iOS Safari has an action bar that overlays the bottom of the browser window. It appears that the ScaleManager is not respecting this space, even though window.innerHeight correctly excludes the 75px.
In the screenshot below you can see via the debug text that the ScaleManager is reporting 628px height, while window.innerHeight reports 553px.
I am manually positioning a virtual joystick using window.innerHeight instead of the ScaleManager’s reported height to avoid the action bar obscuring the joystick. However, because the ScaleManager is also handling the resize of my canvas via scale mode Phaser.Scale.RESIZE, there is 75px of game world being rendered below the action bar that the user cannot see.
Is this a bug or is the ScaleManager intended to ignore the action bar (and if so, why)?
this.scale.on(Phaser.Scale.Events.RESIZE, (gameSize: Phaser.Structs.Size) => {
debugText.setText(
'window.innerHeight: ' + window.innerHeight + '\r\n' +
'gameSize.height: ' + gameSize.height + '\r\n' +
'this.scale.gameSize.height: ' + this.scale.gameSize.height
);
});