babylon GUI image: pointerevents not triggered if the viewport height is smaller than 1

[Sudoku 1]

Hi together,

i have some problems with the babylon GUI Image Observables for pointer events:

if my viewport height is lower than 1 the pointerevents are not catched at the right position

I will share two playgoundexamples:

This works: https://www.babylonjs-playground.com/#K60448#28

This doesn't work: https://www.babylonjs-playground.com/#K60448#29

 

Did i forget to set an attribute?

[Deltakosh 4311]

Good catch!

 

Thanks a lot for reporting it. I'll fix it for next nightly

[Sudoku 1]

Great, that was fast, thanks

[Deltakosh 4311]

I take it personaly when there is a bug

[Sudoku 1]

could you have a look at those two playground examples as well?

 

the first example works fine while in the second example i added a second viewport and than the events are triggered slightly above the image.

does works: https://www.babylonjs-playground.com/index.html#K60448#33

doesn't work: https://www.babylonjs-playground.com/index.html#K60448#32
 

[Deltakosh 4311]

This is not a bug per se. This is because you render the UI twice (once per camera) but the UI has only one state (so the latest camera wins).

I would recommend making sure that UI is not rendered on the second camera by using layerMasks

[Sudoku 1]

the missing hint - thank you!

 

just in case someone has a similar setup:
i need to render the GUI elements in every viewport, but i just need to change the order in which the cameras are stored within activeCameras depending on the pointerposition and than the interaction with the labels works as expected.