scene.pointerXY inaccurate when transform:scale applied to canvas

When applying transform: scale() to any of the parent divs of the renderCanvas, scene.pointerX and scene.pointerY values will have an offset, based on the scale value in transfrom.
How would I be able to fix this issue, without having to remove the scale transform from the div?

Here’s a PG:
Click anywhere to create a sphere using scene.pick(pointerx, pointery), but you’ll notice that it is not accurate, to where its supposed to create the sphere.

Probably this thread may help - Problem with scene pick after canvas has been moved by css


Thank you.

It seems there is no solution :thinking: