Not possible to move with interactive objects ( while function contains stopPropagation() )

Expected Behavior

Event pointermove correctly fired on all interactive objects even when function contains event.stopPropagation().

Current Behavior

I added two interactive sprites included their interactive functions pointerdown, pointermove, pointerup and pointerupoutside. In each of interactive function I fire event.stopPropagation().

In this use case is pointermove fired only at last sprite.

Check example: https://www.pixiplayground.com/#/edit/m0MxjDUGhTiZ5KU5aRO2C ( you should try move with both sprites, one is not working for me )

Environment

• pixi.js version: 5.1.2 ( older versions as well i think )
• Browser & Version: Chrome
• OS & Version: Mac OS
• Running Example: https://www.pixiplayground.com/#/edit/m0MxjDUGhTiZ5KU5aRO2C

[laino]

This is more fun with event re-use.

The reason it’s “weird” here is pretty much because this line is “missing”:

app.renderer.plugins.interaction.moveWhenInside = true;

Because of that both bunnies get the mousemove event, but the first bunny event listener stops the propagation of it, so it can’t really reach the second bunny.

Now don’t go adding that line just yet, because with it it’s easy to “lose” a bunny while dragging (feel free to try this to find out what I’m talking about.)

Instead only use .stopPropagation when you actually “consumed” the event:

function pointermove(e) {
    console.log(`[${this.name}] [${e.type}] [dragging=${this.dragging}]`)
    if (this.dragging) {
        e.stopPropagation();
        // ...
    }
}

To really “fix” all this weirdness, InteractionManager would need to stop re-using events like that and also set:

app.renderer.plugins.interaction.moveWhenInside = true;

by default. Because not only is that a performance killer, (we’re dispatching move events to everything), it’s also confusing as hell. On top of that maybe provide a guide on how to do dragging properly: which is to listen to move events on a parent container, not the thing itself.

[eXponenta]

@laino I rewrited @themoonrat 's fiddle too. Sometimes i forgets clone it. It’s time to fix the playground.I created issues about auto clone: https://github.com/englercj/playground/issues/10