When body of html use scale, gui shows correct but button click uncorrect with wrong interaction area

[Blake]

Heya, here’s another thread for reference that talks about how CSS transformations aren’t supported for scene picking or GUI input. So I guess the simplest workaround would be to adjust the width, height, top, and left properties instead…

Otherwise it looks like you would need to override and customize the pointer calculations if you want to use the CSS scaling transform.

Pointer click detection is wrong after rotating the HTML (via CSS). Click on GUI elements not detected

I raised this issue with the team but ultimately we do not intend to add any logic relating to CSS transformations. We are going to leave that to the developer’s responsibility. I would say that if you need this behavior, you will probably want to extend Scene and AdvancedDynamicTexture with your own classes, where you overwrite the pointerX/pointerY calculations with your own function that accounts for the rotation. But there is probably an easier way to achieve what you are looking for. Can y…