Repeated Pointer Events in Phaser with Overlapping HTML Elements

[laineus]

Version

• Phaser Version:

v3.70.0 or less

• Operating system:

Windows11, Ubuntu 22.04

• Browser:

Google Chrome 120.0.6099.129
Touch device or Touch device emulator of Chrome dev tools

Description

When an HTML element overlaps the Canvas tag due to styles like 'position: absolute', the GameObject's pointer events are executed multiple times.

Example Test Code

Demo:
https://codepen.io/laineus/pen/RwdNNgJ

Additional Information

I believe this issue becomes problematic when using Phaser and HTML together to create a user interface.

Thank you.

[rgk]

Thank you for submitting this issue. We have fixed this and the fix has been pushed to the master branch. It will be part of the next release. If you get time to build and test it for yourself we would appreciate that.