Tooltip and Popover do not work when applied to a button next to a disabled button in Chrome-based browsers

[mathieucaroff]

Reproduction link

Steps to reproduce

1. Move your mouse pointer to the disabled button.
2. Move it directly from the disabled button to the other button. It is important that the mouse moves onto the other button at the same time as it exits the disabled button.

What is expected?

The tooltip of the second button should appear.

What is actually happening?

No tooltip appears.

Environment	Info
antd	4.21.7
React	18.2.0
System	Windows 10 as well as MacOS 12.2.1
Browser	Chrome 103.0 as well as Edge and Safari

---

This bug does not affect Firefox. It affects Chromium-based browsers.

This bug also appears when using the Popover component in place of the Tooltip component.

Spacing the buttons mitigates this bug, as it makes it harder to move the mouse between buttons fast enough.

Similar issues:

• Tooltip don't work on the disabled Input  #30191
• Tooltip does not disappear when button is disabled #9581
• Tooltip and Popover do not work on disabled buttons in Chrome-based browsers #36283

The solution proposed in issue 30191 of wrapping the button in a div does not work.

[MadCcc]

mouseenter event wasn't triggered when move mouse from disabled button to the other.
It also occurred on native button.
I recommend you to space the buttons.