Click event's preventDefault not being called properly in Edge on touch-capable laptop

Expected Behavior

Dragging (via mouse) within Pixi canvas has no effect.

Current Behavior

Dragging withing Pixi canvas causes the whole canvas to be dragged as a static image (presumably normal canvas dragging behavior in edge?)

Possible Solution

My guess is that there’s some timing issue or state issue that is preventing Pixi’s interaction manager from eating the mouse events properly. Am digging into the source code to try and find what might be wrong.

Steps to Reproduce

Load example below, drag on any part of the game scene repeatedly. After a few tries, you should see a screen snippet dragging with your cursor.

Environment

• pixi.js version: 5.2.0
• Browser & Version: Edge 44.18362.449.0
• OS & Version: Windows 10 - latest
• Running Example: https://app.lexercise.com/mylexercise/index/index/demo/k2l4hfh4b1fhx8xt

I’ve tried using the InteractionEvent#stopPropagation method, but it has no effect on this problem. Seems to be a low-level issue.

[irongaze]

Ah, got it:

PIXI.interaction.InteractionManager.prototype.onPointerDown = …my patched function…

That did it. I simply removed the check for isNormalized, and that seems to have fixed the problem. Seems like an easy fix overall - I can’t see the harm in preventing default handling for events that aren’t normalized. Hard to believe that’s a performance optimization, but I’m sure there is some reason for that check.

Regardless, thanks again Ivan for being the most responsive and helpful open source developer I know.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.