Gantt Zoomed leading to a wrongly positioned Tooltip

Hi everyone

We implemented a functionality to set a zoom factor to the surrounding Gantt div, as it is so much information people are looking at, allowing them to scale dynamically.

The issue we face is, that the tooltip, in a zoomed state, is at a wrong position. If zoomed in (scale < 1) the tooltip is too left and top, the values are too low.

Anybody got any idea how this could be influenced or corrected? Is this an issue in the tooltip position calculation internally?

Thanks a lot in advance

Hello,

Could you provide with the demo where the problem can be reproduced?
The problem doesn’t occur in the next snippet, tooltip position is calculated properly:
docs.dhtmlx.com/gantt/samples/02 … oltip.html

You probably need to change some css styles for solve the issue.

Hi Polina

You can inspect your given example page and set the container

...

That alone moves the tooltip wrongly.

Best

You can also set ‘zoom’ to div container with class ‘gantt_tooltip’, but if it will be 0.8, the tooltip positioned wrongly too. You may be able to find another appropriate value.

As you note at the previous post, an issue consist with internally calculation of tooltip position. Position is calculated based on the fact that the zoom doesn’t set.
In this case needed changes in the source code for correct displaying tooltip.