atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
11.86k stars 520 forks source link

Displaying tippy through focus tab workflow position it as per mouse pointer if the trigger: 'mouseenter focusin' and followCursor: 'initial' #1078

Open gauchavan opened 1 year ago

gauchavan commented 1 year ago

Bug description

Try showing tippy through focus workflow, i.e press tab, button is in focus - tippy is visible

But the position of tippy is where the mouse pointer is.

ideally it should be beside the reference target (attached a screenshot)

I looked into the code - https://github.com/atomiks/tippyjs/blob/ad85f6feb79cf6c5853c43bf1b2a50c4fa98e7a1/src/plugins/followCursor.ts#L162

Here we should add focusin as well

Reproduction

CodePen link: https://codepen.io/gaurichavan/pen/poVovLN Screen Shot 2022-09-01 at 5 16 28 PM