Custom Tooltip not showing up in v2.7.0

[helen-tan]

version 2.7.0

Not sure if this is a bug or if I'm doing something wrong, but custom tooltips no longer show up on hover of a task after bumping @svar-ui/react-gantt to v2.7.0.

In my branch, I made a very simple custom tooltip to test:

type MyTooltipContentProps = { api: IApi; data: TooltipContentData };

function MyTooltipContent(props: MyTooltipContentProps) {
  const { api, data } = props;
  return <div>Hello</div>;
}
export default MyTooltipContent;

which is invoked like this:`

<Tooltip api={ganttApi} content={MyTooltipContent}>
    <Gantt init={init} tasks={tasks} links={links} scales={scales} columns={columns} />
 </Tooltip>

The online demo for Tooltips isn't showing any tooltips on hover of a task as well, which led me to wonder if this is a bug.
https://docs.svar.dev/react/gantt/samples/#/tooltips/willow

[Natasha-eng]

Hello @helen-tan ,

I’ve investigated the issue on my side.
The official demo at https://docs.svar.dev/react/gantt/samples/#/tooltips/willow works correctly, tooltips appear on hover for tasks, segments, links, and rollups as expected.
I also downloaded a copy of your project and ran it locally. The custom tooltips are displayed without any problems there as well.
Since the feature is confirmed to be functional in both the official demo and your project when run in my environment, the issue is most likely related to your local setup or configuration, not a bug in the library.

To help us find the root cause, could you please provide the following details about your environment?

• Browser (name and exact version)
• Operating System (Windows, macOS, Linux including version)
• Node.js version (run node -v)
• Package manager (npm, yarn, pnpm) and its version

Also, please try the following troubleshooting steps if you haven’t already:

• Clear your browser cache and restart the dev server.
• Delete node_modules and package-lock.json (or yarn.lock), then reinstall dependencies.

[helen-tan]

I've followed the troubleshooting steps above and the tooltips are still not visible on both the official demo and in my app. I've also disabled my antivirus just in case, but issue still persists.

official demo:

My environment is as such:

• Browsers:
  • Chrome: Version 149.0.7827.197
  • Microsoft Edge: Version 149.0.4022.80
• Operating System: Windows 11 Version 25H2 (OS Build 26200.8655)
• Node.js version: 22.14.0
• NPM version: 11.2.0

I've tried on another machine with no dev setup, and the tooltips work. Sharing the details here:

• Browsers:
  • Chrome: Version 149.0.7827.115
  • Microsoft Edge: 149.0.4022.80 (same as mine, but tooltips work here)
• Operating System: Windows 11 Version 25H2 (OS Build 26200.8737)

I'll continue to look into it since the issue is likely due to my own local environment. Thanks for trying to replicate it!