Repository navigation
Gantt Layout and Tooltip Behavior in DHTMLX Gantt #134
Description
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?
Activity
gearcoded commentedon Dec 13, 2024
@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
resetLayoutorinitmethod after modifying thegantt.config.layoutproperty.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
Savebutton 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.
KCode6 commentedon Jan 25, 2025
@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 commentedon Jan 27, 2025
@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.hidemethod:https://docs.dhtmlx.com/gantt/desktop__tooltips_ext.html#:~:text=hides%20the%20tooltip%20element
Here is an example:
https://snippet.dhtmlx.com/5/753fe8b1e
KCode6 commentedon Feb 3, 2025
@gearcoded Thanks for the example！