Mouse events on masked containers

[kristina.demeshchik]

Hello everyone! I'm currently working with the latest version of PIXI.js (4.1.1) and have a problem with masked container.

Code example:

var stage = new PIXI.Container(),
 mask = new PIXI.Graphics(),
 gameStage = new PIXI.Container();

mask.drawRect(0, 0, 1100, 630);
mask.endFill();
gameStage.mask = mask;

stage.addChild(rectangle);
stage.addChild(gameStage);

gameStage contains a list of interactive buttons but I can't interact with any element behind the mask.

        

[kristina.demeshchik]

Found this

https://github.com/pixijs/pixi.js/issues/3151

[themoonrat]

There are a couple of known bugs that could cause this; both of which are fixed in the latest dev build. Could you try http://pixijs.download/dev/pixi.js and see if that works please?

[kristina.demeshchik]

Still not working

[xerver]

Would you mind creating a jsfiddle that uses the latest dev (linked by themoonrat) and reproduces your issue? It will be much easier to debug that so we can track this down!

Thanks!

[kristina.demeshchik]

You can find  jsfiddle  link right here  https://github.com/pixijs/pixi.js/issues/3151

https://jsfiddle.net/tt4zd79p/

[kristina.demeshchik]

I've just realized that adding a fill to the mask solve the problem.