click through dom elements

[djo]

hi all

I've run into a problem that bugs me.

it seems that clicking through DOM elements triggers the events of any pixi element that's underneath.

ok well, why not.

but it seems that it triggers events even if there's no pixi renderer underneath.

here's my problem (see linked images) :

the pixi renderer is where the image is.

1. initial setup, nothing's under nothing, everything is in its place.

2. I move the background to the left, and triggers addSprite to the background (background .onpointerup)

3. I trigger my menu's "move background" events so I can move back my background into place (I click on the arrows icon), and proceed with moving the background to the right

4. we can clearly see that clicking on the arrows added another sprite on the background at the icon position, where the renderer did not exist. only the background was there, but outside of the renderer's view.

 

I tried correcting this by using the hitArea and defining it for the background at every move and zoom (so it matches exactly with the renderer frame), but it sometimes go off and I'd rather use the native displayObject move bounds.

do you have any idea on what's going on ?

 

thanks,

 

djo