[BUG] Tooltip doesn't close if nested dom elements are present

[andreachiera]

Bug description

Having the configuration defined on the screenshots above, when I use a nested element the tooltip doesn't close. I think it happens if the event target property is different than the element on which is defined the data-tooltip-id property. The open event works fine.

In the described situation, the tooltip for "e1" works fine, but not the "e2" element.

In fact, I tried creating a custom mouse click event directly on the element with the data-tooltip-id, and the tooltip closes fine.

Version of Package
5.28.0

Expected behavior
Closing event accepted also if the event arrives from another nested target element.

Desktop (please complete the following information if possible or delete this section):

• Browser [edge, firefox]
• Version: latest
• Frameworks [React 18, Next.js 14]

[gabrieljablonski]

Sorry for the delay.

If this is still an issue, do you mind providing a simple sample project (on StackBlitz or CodeSandbox).

That would help figuring out what's wrong.

[andreachiera]

Hi, https://stackblitz.com/edit/stackblitz-starters-ggwyjh?file=app%2Fpage.tsx