tippyjs

tippyjs copied to clipboard

Bug description

Interactive tooltips with arrows stay visible when moving between multiple instances while hovering the arrows if the content is too narrow (in our case it is something like a very narrow graph, where items could be very small, so this happens quite often for us).

Video:

https://user-images.githubusercontent.com/177485/146210289-91e8a3d3-b165-426f-9691-634a5fbad6ff.mov

Reproduction

CodePen link: https://codepen.io/kizu/pen/zYEZooM

Hover over any of the buttons approximately at the area of the tooltip's arrow, then move the cursor from side to side to a different button.

A singleton or interactiveBorder: 0 fixes this, but the latter might need to be combined with a short delay