search

atomiks / tippyjs

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

Interactive tooltips with arrow stay visible when moving between multiple instances while hovering the arrows #1018

Open kizu opened 2 years ago

kizu commented 2 years ago

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.

atomiks commented 2 years ago

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