css - Ngx-bootstrap 弹出窗口定位自动在屏幕右侧无法按预期工作？

Question

我正在尝试在我们的应用程序上实现一些弹出窗口(使用 Angular 6.0.1、Ngx-bootstrap 2.0.5 和 Bootstrap 4.1.1)，问题是使用“自动”时' 定位，屏幕右侧的一些弹出窗口无法按预期工作。 Left 和 Center 元素都按预期工作，将弹出窗口放在顶部或右侧定位，但右侧仍将其设置为“顶部”，并尝试调整弹出窗口区域的大小。

由于我们的很多内容都是动态的，所以我没有办法确定它何时会发生并修复它，例如，手动将其设置为“左”。

在这种情况下，如果内容可以位于按钮的左侧，那就太好了。任何其他帮助或建议也很好。

我无法设置 stackBlitz 来工作并显示此错误，但我们正在使用以下代码生成弹出窗口:

<button popoverTitle="Info" popover="auto auto auto auto auto auto" placement="auto" container="body" triggers="hover tap"> Right </button>

左按钮按预期工作，将内容设置为右侧:

中心按钮也按预期工作，将内容设置为顶部:

但是右键将它设置到顶部并尝试调整它的大小(内容在静止之前改变了几次大小):

Answer 1

你试过了吗[adaptivePosition]="true"

不确定，但它可能对您有所帮助，因为我遇到过类似的问题并且它对我有用。

一切顺利!!!