Pick gui element behind another gui element

Questions
1

I need both of them to be pickable (pointerblocker?)
The idea is to pick the item, then drag around and drop on another gui element, how to retreive the rectangle (item slot) behind the item?
Pg: Babylon.js Playground

Untitled
Untitled1317×705 404 KB

Edit: Was thinking to do smth like this inside pointerUp observable

item.isHitTestVisible = false;
var pickedPoint = scene.pick(scene.pointerX, scene.pointerY);
item.isHitTestVisible = true;

but scene pick won’t return gui elements?

2

Hi @Nevergrind and welcome to the forum.
Here is an alternative where the slots are picked via the position of the item https://playground.babylonjs.com/#TEPNDY#2.

Perhaps you can work something along these lines?

3

Actually this is exactly what i need, well i never thought about picking the point near the f item…
Thanks a lot sir