Popover inside another popover is having arrow issue

[shabbir-dhangot]

Bug description:

Popover inside another popover is having arrow issue. This issue is observed after updated to latest version.

It was working previously as there is no arrow class.

Link to minimally-working plunker that reproduces the issue:

http://plnkr.co/edit/ev22rh6Ouve3baxHDam3?p=preview

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 5

ng-bootstrap: latest

Bootstrap: latest

[shabbir-dhangot]

@pkozlowski-opensource Any Update on this?

[msosa]

a potential workaround is to add container="body" to the 2nd tooltip. It seems to work with your plunker

http://plnkr.co/edit/ouDOvKcT4FU8FrYdIsGO?p=preview

[shabbir-dhangot]

@msosa your workaround is not working. I already tried.

@pkozlowski-opensource Any plan to take this up?

[fbasso]

It seems the 'workaround' works with the last versions:

I quoted 'workaround', because at the moment, it's the only solution, as bootstrap styles doesn't support popover inside popover (arrow is broken due to cascading classes).

[maxokorokov]

Setting autoClose="outside" on the first popover and container="body" on the second gives me this the correct display with the fix in #3006 and master branch. Will be released in 4.0.3