Fullscreen problems

Phaser 3
1

Hello guys I’m new to Phaser, so I can use some help :slight_smile: Okay my first problem is that I’m stuck with fullscreen mode

youtube preview

The problem is when I enter a full screen mode in main menu - everything works perfect, but when I’m clicking on the FS button in the game menu - it does not stretch to full screen it just moves to the top of the screen and puts a black borders to the bottom/left/right

var config = {
  type: Phaser.AUTO,
  width: 1600,
  height: 720,
  scale: {
    mode: Phaser.Scale.HEIGHT_CONTROLS_WIDTH,
    autoCenter: Phaser.Scale.CENTER_BOTH
  },
  scene: [Boot, Load, Menu, Game, Pause],
}

var game = new Phaser.Game(config);

any suggestions why I’m getting this would be appreciated.

And the 2nd problem is with IOS devices - as IOS does not have a FS mode, what I usually done on js games is removed the address bar - so the game would stretch to full screen - when I’m doing it exactly the same way as I’ve done before i get purple border at the bottom of screen

my meta tag -

  <meta name="viewport"
    content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no, viewport-fit=cover,minimal-ui" />