n-popover arrow position error

[zmtlwzy]

TuSimple/naive-ui version (版本)

2.16.4

Vue version (Vue 版本)

3.2.4

Browser and its version (浏览器及其版本)

Microsoft Edge(92.0.902.73)

System and its version (系统及其版本)

codesandbox

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/dreamy-shadow-gvd6z?file=/src/Demo.vue

Reappearance steps (重现步骤)

n-popover default slot use n-ellipsis

Expected results (期望的结果)

When a component is nested, the arrow position of the dialog box don not inherits the parent component.

Actual results (实际的结果)

When a component is nested, the arrow position of the dialog box inherits the parent component.

Remarks (补充说明)

[Volankey]

May be same as #872 .

[zmtlwzy]

[07akioni]

@amadeus711 @Volankey
I know the reason. For animation concerning, Popover inside popover is detached inside popover but not body. So the outer placement style has influenced the inner popover.

Fix it in CSS layer.