Hello,
So I have a game that uses the drag events of the sprites.
I create a div element with id="game" the game starts everything works fine. The dragging events are fired as expected.
But if I decide to wrap that div on another div for example: <div><div id="game"></div></div> The game stops to fire all drag events ONLY when I use the chrome debbugger tool to see how it looks like on phone (so basically the touch events)
If I leave that debbugger tool and just go back to normal browser view everything works fine.
The drag events also don’t work on actual phone if the game parent’s div is wrapped, if it is not everything is fine.
Do you have any idea what is going on and what could be the reason for that?
Thank you
P.S. I am using React for everything else except the time when you have to play the game. Now I am testing different cases and sometimes it works sometimes it does not and it is really strange, I will report more later.
P.S.2 Turns out, it has something to do with the scaling, when I turn off the scaling with Phaser.Scale.NONE everything works but obviously the game does not look good.