ENG-1691 [BUG] - Tooltip stays open more than it should

I couldn't reproduce the issue on the documentation. Can you please try again since we've deployed a new version?

I did replicate it sometimes, but it was harder this time. I made Youtube video where are shown my successful attempts of recreating the issue.

YouTube video

The video is not public so only those one who have link can access it.
I uploaded it to youtube because there you can use "," and "." buttons to move backwards and forward in the video by frames.

The problem I think happens when two Tooltips are opened at the almost same time. I don't know if this is the case, but by the video it looks like that.

In my project i have sidebar navigation with buttons where each of them have tooltip with info where the button will navigate and sometimes those tooltips stuck there and that's how i came across this issue.

I hope this helps to solve this issue.

I also have this issue now.

This is a recurring problem on our website. I fixed it by applying a delay on all of our tooltips.

This is a recurring problem on our website. I fixed it by applying a delay on all of our tooltips.

Recurring you say.. 🤔. Never had this issue before until 2.6. But have only used NextUI for the last 1.5 years.

This is a recurring problem on our website. I fixed it by applying a delay on all of our tooltips.

Which delay you added? Delay for opening or closing?

started happening after v2.6 upgrade

Is there any updates to this? Tested in the docs again and it still happens. In the image left-end is stuck until you hover the button again.

This is a recurring problem on our website. I fixed it by applying a delay on all of our tooltips.

The issue seem to happen when delay and closeDelay are set to 0. Moving over / quickly passing the element will make the tooltip "stuck".
This config seem to get rid of the problem closeDelay={0} delay={10}
EDIT: I take that back, it does not fix the problem, just changes the timing of the problem. disableAnimation however does seem to fix it.

I am also having this issue. I experimented with a few different delays and still had the issue. The example in my video is very forced but it easily happens from just navigating around the page normally (even with a delay, the tooltip sequence and unwanted retention eventually begins)

Here's another video of it being replicated on the doc website

The problem appears to occur more frequently when Tooltips are triggered on a high refresh rate screen.

I have a hunch that unmounting of the AnimatePresence container in the tooltip code could be causing it, have dealt with some similar framer-motion issues myself in recent projects. Currently the AnimatePresence is only rendered when isOpen is true but the main conditional rendering needs to be a child of a constant AnimatePresence.

I will test this and try to make a PR as soon as I get a free moment to get a local version of NextUI running.

Update: I opened a PR with a fix. The issue persisted after the AnimatePresence fix, but adding a key to the main motion div to make sure it is properly tracked when rendering seems to have fixed the issue.

Example via Claude: