Tooltip hide on disabled input doesn't work

[denisborovikov]

If the trigger element is a disabled button, the tooltip isn't hiding on mouse leave.

Demo: https://codesandbox.io/s/61yv95m533

[mohsinulhaq]

This is a known issue with React on Chrome and Safari, where mouseenter is triggered on disabled elements but not mouseleave. This however, should work fine in Firefox.

Ref: facebook/react#4251

[denisborovikov]

Seems it's going to be fixed in coming React 16.13.0

[mohsinulhaq]

@denisborovikov yeah, I had asked here facebook/react#17675 (comment) just to be sure it's the exact same issue.

[mohsinulhaq]

They have now closed the issue. I guess we can close this one as well, as I can see that your sandbox is working as expected after the upgrade.

[denisborovikov]

Huh, now it means we can't even have a tooltip on a disabled button. onMouseEnter just doesn't fire.

[mohsinulhaq]

That's what should happen according to HTML spec. If you still want it, you can wrap the button with a div.

[denisborovikov]

Sure, or use a fake button as well. Did know it's according to spec.

[aigoncharov]

We had the same problem at hazelcast/hive#58. We ended up using a child component inside of the button as the tooltip trigger.