Improve Tooltip on disabled elements for Safari

[pomfrida]

Currently users have to wrap the disabled element with a span (or inline-block element), and add style={{ pointerEvents: none }} to the disabled button

Should try to implement this logic to tooltip so the users won't have to do this

[oddvernes]

The problem is safari fires mouseenter on disabled elements, but not mouseleave, so the tooltip is stuck visible (pressing escape to close it still works). This has been an issue in react since 2015
I see reachUi have made their own workaround using mousemove, but I don't know if this could be easily implemented in our own solution.

[oddvernes]

Closing as it is both a bug in safari, and floating-ui disallows tooltip on disabled buttons entirely now