how not to lose input focus when tippy is visible

[ctf0]

atm if an item has focus & we hover it, it will lose its focus, is there away to avoid that ?

example

[atomiks]

In order to be able to keyboard navigate an interactive tooltip, it gets focused, so the input will lose focus.

If you want to disable that behavior, inside the onShown() callback, you can simply manually .focus() the input again.

https://www.webpackbin.com/bins/-Kys2pV-jeAInlTjiPqT

You will probably want to check if the input had focus inside onShow() so that you don't focus it inside onShown() if not necessary.

Also on an unrelated note: the reason the tooltip is closing in that example despite being interactive, is because a mouseleave on the body element will hide the tooltip, and in the case above, the body element only stretches to the bottom of the input/button and not to the top of the tooltip.

[ctf0]

awesome, many thanx