Ngx-bootstrap popover定位自动在屏幕右侧无法正常工作?

时间:2018-05-15 17:30:54

标签: css angular bootstrap-4 popover ngx-bootstrap

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

由于我们的很多内容都是动态的,因此我无法确定何时会发生并修复它,例如,手动将其设置为“左”。

如果在这种情况下内容可能位于按钮的左侧,那将是很好的。任何其他帮助或建议也会很好。

我无法设置stackBlitz工作并显示此错误,但我们使用以下代码生成popover:

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

左按钮按预期工作,将内容设置为右: enter image description here

“中心”按钮也可按预期工作,将内容设置为顶部: enter image description here

但是右键将其设置为顶部并尝试调整大小(内容在静止之前会改变一些大小):

enter image description here

1 个答案:

答案 0 :(得分:0)

您尝试过[adaptivePosition]="true"

不确定,但这可能会对您有所帮助,因为我遇到了类似的问题并且对我有用。

万事如意!