基于 "side:['top','bottom']" 的箭头位置不正确

Question

我已经在 takeitdown 实现了最新版本的工具提示插件（滚动到 "supporters" 并点击名称）并且我已经设置了以下选项

{
contentCloning: true,
trigger: 'click',
theme: 'tooltipster-borderless',
maxWidth: 320,
minWidth: 130,
side: ['top', 'bottom'],
}

但是当工具提示显示时 "arrow" 位置严重偏离。这是怎么发生的，可以做些什么来解决它？

Answer 1

将工具提示放在包含名称的跨度上，而不是放在比名称大的容器 div 上。

Answer 2

我通过 class

向元素添加一些额外的样式来解决它

Arrow position incorrect based on "side:['top','bottom']"