Focus / Blur Events

Right now the plugin supports click, right-click, hover events.

I don’t see any specific callback/methods to enable / turn-on / turn off the tooltip from outside, or the ability to define a trigger="focus" which should support both click+focus.

If you want this to be accessible, having the ability to tab through and it shows automatically is fantastic, and especially with enter/escape functionality.

I’m currently building a tab-through list of dl/dt/dd elements which each of their own definitions. Being able to tab through these and focus on each item w/ it’s tooltip would be quite useful.

[denisborovikov]

@robertkraig Here’s quick rewrite with react class component https://codesandbox.io/s/jj3rm0nnmw

[denisborovikov]

Hi, just use tooltip as a controlled component.

Here’s a rough example of how you can implement required behavior https://codesandbox.io/s/mm3klvjjjx

Use tab to switch the focus between buttons. When you focus on the middle button, tooltip shows. When the button lost the focus, it hides.

You can use tooltipShown and onVisibilityChange to control the appearance of the tooltip from the outside. See README and controlled example.