Ngx-charts: The tooltips position is wrong when used with Gridster 2
Hi,
Has anyone tried to integrate the charts into gridster 2?
https://github.com/tiberiuzuld/angular-gridster2
I'm trying to do this and everything works just fine except the tooltips.
The tooltips position is calculated using getBoundingClientRect() and somehow, when integrated in gridster, the position is wrong.
The gridster items position is based on css transform. This seems to be the problem but not the only one.
I cannot figure out how to make this work.
I hope someone can help.
Thank you.
AG
webarp
>All comments
I have found the solution, just in case someone has the same problem.
Indeed, it's a tooltip position calculation compatibility issue. It doesn't calculate properly if the gridster is using transform to position the elements.
The solution was quite easy.
The gridster has options and one of them is useTransformPositioning.
It was true by default. I've set it to false and it doesn't use transform anymore to position the elements.
The tooltips are working properly now.
webarp
on 3 Mar 2020
Related issues
merinshaji
路
3Comments
DZDomi
路
4Comments
workfel
路
3Comments
achimha
路
3Comments
NashIlli
路
3Comments
Most helpful comment
I have found the solution, just in case someone has the same problem.
Indeed, it's a tooltip position calculation compatibility issue. It doesn't calculate properly if the gridster is using transform to position the elements.
The solution was quite easy.
The gridster has options and one of them is useTransformPositioning.
It was true by default. I've set it to false and it doesn't use transform anymore to position the elements.
The tooltips are working properly now.