I have a HTML div with all the menu elements on it. This div is showing under Phaser object. When I click on on div, I don’t want to raise any mouse events in Phaser, because click was on div, not on phaser. I found this issue just recently after updating phaser. How is can be fixed? Here is a s…

[image] oduvan: What do you think, maybe it worth to downgrade to lower version until it is fixed? I do not know. I depends on your project. For my react example, I am waiting for a fix. I have refactored the code a lot. It now uses the Phaser Dom gameObject. But the bug is still there …

I have the same issue in my phaser react example If the buttons where in phaser too, you could simply use this.input.setTopOnly(true). In my example I use a popup. I could solve it either by stealing the pointer events or disable the inputs in phaser completely while the popup is shown. But, since…

this here is Scene object? Is doesn’t work for me then :frowning: My whole dom simply looks like this https://monosnap.com/file/DRPIbZsEO0ODbrp2iplvrrITxN6CwX It is strange that I can’t block raising event on a dom level.

[image] oduvan: this here is Scene object? Is doesn’t work for me then Can’t remember. No, this does not work. I will dig a bit deeper into it this afternoon (when I’m on my computer).

I’ve also cloned your project to experiment and it has the same issue. When I click in this area Sing changes its color

Yes exactly. I have not implemented one of the two solutions I proposed above, since they are more hacks than a solutions. We are on the same :sailboat: here :smile:

I was sure it worked before I reinstall my node_modules. But if you say it always work this way, then it is super strange :slight_smile:

It was not always like this. It was change in 3.16. See https://photonstorm.github.io/phaser3-docs/Phaser.Input.InputManager.html#useQueue__anchor

I came up with a temporary fix like this. It will disable the input if you hit a child element of the react div, but not the div itself. But it works only after on additional click event :confused: react.addEventListener('click', e => { this.input.enabled = e.composedPath()[0].id === 'react' }) S…

It doesn’t work for mac. It changes color once, but only one time.

Click on div under phaser object

Phaser 3

oduvan March 12, 2019, 6:43pm 13

Yes,

It also confirm that version 3.15.1 doesn’t have this issue.

What do you think, maybe it worth to downgrade to lower version until it is fixed?

Topic		Replies	Views
Preventing Phaser Canvas Events When Interacting with UI Elements Phaser 3	2	109	December 18, 2024
Stop POINTER_DOWN events after GAMEOBJECT_POINTER_DOWN event Phaser 3	2	3915	April 15, 2019
Phaser buttons still clickable under other objects Phaser 3	1	794	January 11, 2021
Example (form input and input test) not working Phaser 3	2	744	March 20, 2021
Stop events if modal window open Phaser 3	1	441	December 24, 2020

Click on div under phaser object

Related topics