Wonder if anyone here have found an issue like this. I’m trying to use babylonjs 4.2.0 on an Ionic 5.5.2 app. Nothing too complex just trying to use a SpherePanel with HolographicButtons as shown in the here: https://playground.babylonjs.com/#REI582#3 however when using Ionic all mouse events for the buttons have an offset.
What I mean by this is, if you click or hover the mouse over the button nothing happens, however hovering and clicking on an area (the size of the area depends on the scale factor) near the top left corner of the canvas (outside the boundaries of the SpherePanel) does work. So if you want to click a button you have to click somewhere in the top left corner. This is a scrennshot of hovering Screenshot-from-2021-11-06-18-45-08 — ImgBB
This odd behaviour is only present in the ionic app. I suppose that this happens because the canvas is inside an ionic container and inside a grid but after few hours searching, I could not find how to solve this anywhere.
Please if you have any hint on how may I solve this I will appreciate it very much. Thanks.