Tippyjs: Gap between the arrow and tooltip

[TGotwig]

https://codepen.io/tgotwig/pen/bLRVYo

82 is the wrong value for x position, it should be 100 (mid of 200):

[atomiks]

Isn't this issue supposed to be the small 1px gap between the arrow and the tooltip? 😕

(btw, 82px takes into account the popper's width, that's unrelated and already correct)

[TGotwig]

Oh you are right,
sorry my mistake.

[atomiks]

Just wondering, are you on a HiDPI display or a regular @ 1x display?

Also can you update the OP with a picture/CodePen where the small gap between the arrow occurs? Thank you 😄

[TGotwig]

Don't know,
I use "Dell U2913WM 73,6 cm (29 Zoll) LCD-Monitor"

It's updated!

[Arkellys]

@atomiks Hello, I was wondering if you found a fix for the small gap ? I have it on one computer but not on the other. I am using the last FF version on both and don't have the issue on Chrome. Your library is still awesome anyway. :)

[atomiks]

The only fix I can think of is to set transform: translateY(-1px) or similar on the arrow element.

[Arkellys]

Okay, thank you !

[atomiks]

The above is a good solution if you aren't using transparency (tranlucent theme). Transparency will cause the opacity of the arrow + tooltip to overlap which causes darkening. But I feel like no 1px gaps between the arrow and tooltip is more worth it than handling translucent theme (which isn't the default theme anyway).

[atomiks]

Fixed in 3.0.0. The round arrow was not changed, because -1px ruins the shape a bit.