I have a GUI rectangle placed on a scene from a dynamic texture created from a plane. Everything is OK visually, but the height of the rectangle does not fit the height of the plane (on purpose of course). Problem is, all the mouse actions (hovers, clicks, etc…) are only triggered when the invisible plane is not blocking the way.
One example :
As you can see, you have to put the cursor very high before the hover on the sphere is triggered and the background of the rectangle changes. Is there a way to prevent that ?
You can see that something is blocking the input to be clickable : the plane that is { width : 2, height : 2 }
A solution is to scale the plane on Y axis (line 36) and put the input size to 1 to extends to maximum : it works ! But… The text inside the input is streched due to the scaling
I am not sure I understand the issue here. I am able to click on each input and the text does not appear stretched. Can you specify what element is not clickable?
In this case the middle one is clickable but not on the entire surface of the element, I managed but hardly to get the focus on… Do you have a working case on your side ?
Yes, scaling the buttons do the trick, even with inputs very close to each other https://playground.babylonjs.com/#ZI9AK7#2223 I’m not very aware of all of the GUI possibilities, thanks again
