Prevent event from propagating to parent

[cachopixi]

If I have a container and a child of it, and both have "interactable" set to true.

I noticed that if I click on the child, both the child and its container get the event.

How can I prevent the event from propagating to the parent?

Ie. imagine the container is the play area, and on top of it there's objects. If I click the play area I expect the character to move there. If I click an object, I expect to interact with it, and stop the propagation there, so it doesn't get to the play area callback.

Thanks!

[jonforum]

hum make a flag in parent and when the child event are call , check if the parent event flag are true ?

Maybe there is other solution, but I proceed in this way in complex situations.:)

Link your objet with reference.

[ivan.popelyshev]

https://github.com/pixijs/pixi.js/blob/dev/packages/interaction/src/InteractionEvent.js#L52

[cachopixi]

Thanks! I'm using Typescript, and the default callback parameter was of type DisplayObject so I was not finding stopPropagation(). Ie. :
 

        mySprite.on('click', function (ev) {

        });

 

Forcing an InteractionEvent type worked
 

        mySprite.on('click', function (ev: PIXI.interaction.InteractionEvent) {

             ev.stopPropagation();

        });

 

[ivan.popelyshev]

v4 or v5 typescript?

[cachopixi]

pixijs 4.8.7

typings file was for 4.8. After updating it the problem went away

my bad! thanks for the help

btw, new typings file says 4.8 just like the old one

[ivan.popelyshev]

It doesn't matter because we are rolling out v5 with new automatically build typings, but you can create an issue at https://github.com/pixijs/pixi-typescript

 

[cachopixi]

> automatically build typings

that sounds amazing!

thanks for all the great work!

[ivan.popelyshev]

Just now, cachopixi said:

> automatically build typings

that sounds amazing!

thanks for all the great work!

Well, they are generated from docs, and people already report problems that we fix. Its good that we have super-official support now