Can't click through HTML Dom

Phaser 3
1

So, I’m trying to build a UI with HTML, and add it to my game using the Phaser Dom. I’ve attached my html file below:
classpicker.html (1.2 KB)

This is the code I use to add it into the dom:

if(!this.classPicker) this.classPicker =  this.add.dom(this.canvas.width/2, 0).createFromCache("classpicker").setDepth(100).setOrigin(0);

Note: I already put it inside the cache, and this.canvas is an alias for document.documentElement.clientWidth/Height

Now, when I play, it doesn’t detect mousemoves there, or any clicks either. Here’s a video of the issue:

Is there any way to fix this? Thanks!

1 Like
2

Try applying the css pointer-events: none; to it

3

I tried that, didn’t work.