I let Phaser create a DOM container, but the container blocks the pointer events for the game. Hovering over game objects does not work. Could someone help me?

new Phaser.Game({ callbacks: { postBoot: function (game) { game.domContainer.style.pointerEvents = 'none'; }, }, }); But you will need to set pointer-events: auto on any HTML elements you want clickable.

DOM Container blocks pointer events

Phaser 3

Take April 6, 2021, 8:17pm 4

I had the same problem while playing with this

Add in your css for that element pointer-events:all!important;
That will help you, also try to set DOM to be interactive.

Topic		Replies	Views
Drag event doesn't work Phaser 3	1	977	May 4, 2021
dom.createContainer make scene input pointer disabled Phaser 3	2	215	July 16, 2021
DOM drag and drop Phaser 3	10	1969	April 6, 2021
Pointerup and pointerwheel listeners are not triggered Phaser 3	5	842	April 8, 2021
Can't click through HTML Dom Phaser 3	2	328	May 18, 2022

DOM Container blocks pointer events

Related Topics