Bug with mouse events on overlapping interactive elements

Using Pixi.js 4.2.3 - ✰ WebGL ✰

I have two sprites that overlap partially. They have the following code attached for example purposes (I cut out some excess and this will need to be modified slightly to actually work):

let marker = new pixi.Sprite(this._texture);
marker.interactive = true;
marker.on('mouseover', this._onMarkerMouseOver);
marker.on('mouseout', this._onMarkerMouseOut);

notifyMouseOverMarker (spriteMarker) {
    console.log('over', spriteMarker.identifier, this._markersUnderMouse);
}

notifyMouseOutMarker (spriteMarker) {
    console.log('out', spriteMarker.identifier, this._markersUnderMouse);
}

This is what I get in my console:

Notice that the 6cb255 marker gets the mouseout event twice, once before it even gets the mouseoverevent… ??

[edclement]

Here is an example of the issue: https://jsfiddle.net/gf2sabv7/ Check the console to see how the wrong sprite is passed as the event.data.target

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.