[comp:modal] 对body进行缩放之后，modal弹窗的动画弹出的位置不正确

[clfeng]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://github.com/clfeng/idux-scale-bug-demo

Steps to reproduce

1. 拉取项目 clone https://github.com/clfeng/idux-scale-bug-demo 项目

2. 安装依赖和运行项目 yarn install yarn dev;

3. 提供了两个页面

http://localhost:5173/#/origin 页面为没有进行body缩放的表现行为

http://localhost:5173/#/scale 页面为进行了缩放后的页面的表现行为

What is expected?

body 进行缩放之后 弹窗弹出的位置能正确

What is actually happening?

body 进行缩放之后 弹窗弹出的位置不正确

Environment Info

Browsers:
    Chrome: 107.0.5304.121
    Firefox: 77.0.1
    Safari: 14.1.2
  npmPackages:
    @idux/cdk: ^1.2.1 => 1.2.1 
    @idux/components: ^1.2.1 => 1.2.1 
    @idux/pro: ^1.2.1 => 1.2.1 
    vue: ^3.2.41 => 3.2.45 

---

https://github.com/clfeng/idux-scale-bug-demo 可参考 https://github.com/clfeng/idux-scale-bug-demo 项目READEM.md 的相关截图说明；

[idux-bot[bot]]

Translation of this issue:

[Comp: MODAL] After the body zoomed, the position of the animation pop -up of the MODAL pop -up window is incorrect

• [X] I have searched the [issues] (https://github.com/iduxfe/idux/isSues) of this repository that this is not a duplicate.

REPRODUCTION LINK

[https://github.com/clfeng/idux-scale-bug-demo]

STEPS To Reproduce

1. Pull the project clone https://github.com/Clfeng/idux-sCale-bug-Demo project

2. Installation dependencies and operating projects Yarn Install yarn dev;

3. Provided two pages

http: // localhost: 5173/#/Origin page is a performance that does not have BODY scaling

http: // localhost: 5173/#/scale page for the performance of the zoomed page

What is exfected?

The pop -up position can be correct after the body is scaled

What is actually happy?

The pop -up window pop -up position is incorrect after the body is scaled

ENVIRONMENT Info

Browsers:
    Chrome: 107.0.5304.121
    Firefox: 77.0.1
    Safari: 14.1.2
  npmPackages:
    @idux/cdk: ^1.2.1 => 1.2.1 
    @idux/components: ^1.2.1 => 1.2.1 
    @idux/pro: ^1.2.1 => 1.2.1 
    vue: ^3.2.41 => 3.2.45 

---

https://github.com/Clfeng/idux-sCale-bug-Demo Can refer to https://github.com/Clfeng/idux-sCale-bug-Demo project Readem.md related screenshot description;

[sallerli1]

popover弹出位置的问题目前可以通过设置overlay-container到app-wrapper解决，modal的transform-origin计算的问题还需要再重新设计一下逻辑

[danranVm]

modal 暂时通过禁用动画来规避一下吧。