[Bug]: When disabled prop on Tooltip changes to become true, the tooltip stays there for a little moment

[CarolineSabourin-Jean]

Contact Details

No response

What happened?

With the code:

const tooltipContent =  string or undefined or null; // Based on some conditions that can change

return <Tooltip content={tooltipContent} disabled={!tooltipContent}>{content}</Tooltip>;

When the disabled prop changes to become true, here's is what is happening:

There's an empty tooltip when the disabled prop changes to true.

Component

Tooltip

Component Version

3.5.2

Which browsers are you seeing the problem on?

No response

Mobile Device

No response

Relevant log output

No response

[vicky-comeau]

I'm not sure I see the issue? Judging by the clip, the tooltip doesn't show once you disable it, which is when opening the menu I'm guessing.

[CarolineSabourin-Jean]

Here is a little screenshot of the gif when the problem occurs:

The problem can be seen for a very small amount of time!