Closes #5013 by reverting #3335 and applied the onFocus and onBlur event handlers to the cloned child which basically means that while the wrapped item has focus the tooltip will never close.

Before

Just reverting

Forces visibility while in focus

What would be even better

Is if we could also keep the tooltip shown when a user tries to interact with the contents. I know we've mostly said that interactive content should not be placed within tooltips, but use popovers instead. I still think this is correct, but I do think it would be helpful for when users might want to copy text.

Example of it not working right now:

Thought process:

So I've been thinking about solutions to this issue, remembering there was a "resolved" issue around closing tooltips on every mouse out/move, even when focused (#2560 & #3335). Looking at that specific issue, it seems the behavior being circumvented was when there were two or more elements in close proximity with tooltips and one is focused. I feel like most recently I've been more frustrated with tooltips closing when I don't want them to and seen less tooltips this close together.

@chandlerprall Since you were the one who originally opened the issue, was there more than just the overlapping tooltip issue?

My inclination, honestly, is just to revert #3335 or at least remove the mouse out/move listener when the element is focused.

Originally posted by @cchaos on #5013 (comment)

Checklist

• Check against all themes for compatibility in both light and dark modes
• Checked in mobile
• Checked in Chrome, Safari, Edge, and Firefox
  - [ ] Props have proper autodocs and playground toggles
• Added documentation
  - [ ] Checked Code Sandbox works for the any docs examples
  - [ ] Added or updated jest tests
• Checked for breaking changes and labeled appropriately
• Checked for accessibility including keyboard-only and screenreader modes
• A changelog entry exists and is marked appropriately