ngx-bootstrap工具提示 - 非动态位置

Question

我有一个由ngx-bootstrap控制的工具提示，滚动图标，图标顶部显示工具提示。

如果我最大化浏览器，这个工具提示看起来不错，但是如果我将它们最小化，工具提示会重叠图标，我无法点击图标，就像下面的屏幕截图：

以下是我的代码：

<span id="appCancelIcon" class="close-circle_red" tooltip="Cancel Changes" container="body"></span>

此工具提示是动态位置，顶部和左侧值根据图标的位置而不同。

我尝试在下面的CSS中编辑，然后工具提示成为静态位置。图标的位置并不重要，工具提示显示在同一位置。

.tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}

我的问题是如何让工具提示仍然具有动态位置并且不会重叠图标？

谢谢！

Answer 1

请尝试adaptivePosition="false"可能会对您有所帮助。

不确定，但是我遇到了类似的问题，它对我有用！

祝一切顺利！