Modal dialog graphics background intermittent on iPad

Phaser 3
1

Hi all,

I’ve written a custom Modal window class for my game Balloon Popper.

I’ve compiled it with webpack and it runs fine in my PC browser.

The background of the modal is a graphics object with a grey fill.

In safari on my iPad, some of the modal window’s backgrounds are not appearing.

There are 6 modals in total, only the Level Start and Return Home modal’s are showing their backgrounds on the iPad…

The instructions modal (click the instructions button in the title scene).
The level start modal (appears at the start of a level before the game begins).
The level end modal (appears at the end of a level).
The return home modal (press the home icon in the game scene).
The pause modal (press the pause icon in the game scene).
The game over modal (let the balloons float away)

Help!

http://jamesbailey.uk/games/balloon-popper/
http://jamesbailey.uk/games/balloon-popper/source-code.zip

2

Hi, I don’t have iPad to test and maybe is related to Safari but I have reproduced a strange behaviour with some of your modals.
My guess is that is related to your toggle() function and click/touch being propagated. Just try to do use “this.input.stopPropagation()” or change the behaviour to control it with something similar.
I hope this helps…

3

Thanks Darko,

I still can’t get it to work. I think it’s because my iPad is quite old. I tested it on a more recent iPad and the modals work fine, though the sound doesn’t work.

I’ll keep trying.