Quasar + Phaser: problems in fullscreen mode in Chrome, but works in Firefox

  • I’m creating a html5 game using Phaser 3 game engine and I want to use Vue and Quasar advantages in it.
    The problem is that in fullscreen mode Quasar doesn’t work in all major browsers except Firefox and UC Browser

    Here’s the code: https://codepen.io/rusia_/pen/JzrVpm

    Before displaying Quasar dialog I have to hide Phaser canvas with style="display: none;" and then after the dialog is closed the canvas restores.
    If you click “Go fullscreen” and then “Open Quasar” you will see a QDialog.
    All browsers display it properly, but the button “Return to Phaser” works only in Firefox (both desktop and mobile) and UC Browser (mobile). I didn’t test in Safari because I don’t have an iPhone.
    In all other browsers to make it work you have to exit fullscreen by pressing Esc or F11 (or Back button on mobile)
    I tested in all major browsers on Android and Windows (except Edge).

    What am I doing wrong? Or is it a Quasar bug or Phaser bug or browser bug or whatever?

Log in to reply