Gantt Layout and Tooltip Behavior in DHTMLX Gantt

[xkfe]

Hi, I’m facing a couple of issues with DHTMLX Gantt that I would appreciate some help with:

After configuring gantt.config. layout, when switching to a new page, the table width gets squeezed together, and there is excessive white space. It seems like the layout is not adjusting correctly. Even after using resetLayout, the issue persists.

Tooltip Text Sticks After Quickly Moving Away From a Row: When quickly moving the cursor away from a row in the Gantt chart, the tooltip content (tooltip_text) stays on the screen and doesn’t disappear as expected. This creates a cluttered user experience as the tooltip content lingers even after the user has moved away from the task.

I’ve tried adjusting the configurations and looking through the documentation, but I’m still encountering these issues. Could anyone provide suggestions or solutions for these problems?

[gearcoded]

@xkfe, I couldn't reproduce the issue with the tooltips in the following samples: https://docs.dhtmlx.com/gantt/samples/?sample=%2702_extensions/22_tooltip_api.html%27&filter=%27%27

If you want to change the layout configuration, you need to use the resetLayout or init method after modifying the gantt.config.layout property. However, I couldn't reproduce the issue when the layout shrinks after switching to another page: https://files.dhtmlx.com/30d/f570bc3fa62f9978768885d6a3962476/react_demo.zip

It is hard to suggest what might be wrong as I don't see your code. Please add your configuration to the following snippet and make sure that the issue is reproduced there: https://snippet.dhtmlx.com/40tsh9uz Then, click on the Save button and send me the link. Or send me a ready demo with all the necessary JavaScript and CSS files so that I can reproduce the issue locally.

If reproducing the issue requires following some steps, please provide them as well.

[xkfe]

@gearcoded This is an example of a tooltip in a document. If you quickly remove the mouse or move the left edge of the task, the tooltip will still stay.

[gearcoded]

@xkfe, Thank you for the clarification. It is a bug in Gantt that it doesn't hide the tooltip when the mouse leaves the Gantt container. The dev team will fix that issue in the future, but I cannot give you any ETA. As a workaround, you can check the mouse position and manually hide the tooltip by using the gantt.ext.tooltips.tooltip.hide method: https://docs.dhtmlx.com/gantt/desktop__tooltips_ext.html#:~:text=hides%20the%20tooltip%20element

Here is an example: https://snippet.dhtmlx.com/5/753fe8b1e

[xkfe]

@gearcoded Thanks for the example！