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	1142	May 4, 2021
dom.createContainer make scene input pointer disabled Phaser 3	2	244	July 16, 2021
DOM drag and drop Phaser 3	10	2216	April 6, 2021
Pointerup and pointerwheel listeners are not triggered Phaser 3	5	1004	April 8, 2021
Creating dom container messes up dragging Phaser 3	5	317	June 2, 2021

DOM Container blocks pointer events

Related topics