NG-ZORRO/ng-zorro-antd

19.0.0-beta.0版本下，刷新页面布局会闪烁

huajian123 opened this issue · 2 comments

huajian123 commented

Reproduction link

https://stackblitz.com/~/github.com/huajian123/ng19

Steps to reproduce

可以通过stackblitz链接复现（stackblitz 刷新难复现页面闪烁），也可以通过https://github.com/huajian123/ng19这个源码地址，本地安装启动复现(本地启动时，打开浏览器控制台，容易复现页面闪烁)

  1. 创建ng18的纯净应用
  2. ng add ng-antd-zorro 安装18的zorro版本，选择side模式的布局
  3. ng update @angular/cli @angular/core --force --allow-dirty 升级ng
  4. npm uninstall ng-zorro-antd 移除18的zorro
  5. 安装 "ng-zorro-antd": "^19.0.0-beta.0"的zorro

本地启动后，按f12打开控制台，疯狂刷新页面，会发现menu刷新后有缩放动画，偶尔会出现页面闪烁的问题。
然而在ng18版本下，是没有此情况

What is expected?

多次刷新页面，页面不会闪烁

What is actually happening?

多次刷新页面，页面会闪烁

Environment Info
ng-zorro-antd 19.0.0-beta.0
Browser chrome

stackblitz 刷新难复现页面闪烁，可以通过https://github.com/huajian123/ng19这个源码地址，本地安装启动复现，本地启动时，打开浏览器控制台，多次刷新页面，容易复现页面闪烁

zorro-bot commented

Translation of this issue:

19.0.0-BETA.0 version, refresh the page layout will flash

REPRODUCTION LINK

[https://stackblitz.com//github.com/hujian123/ng19> (https://stackblitz.com//github.com/huajian123/ng19)))))))

STEPS To Reproduce

You can reappear through the StackBlitz link (stackblitz refresh the difficulty duplication page flashes), or you can use https://github.com/huajian123/ng19 to install and start the reaplail locally (when the local startup is opened, open the browser console, which It's easy to reproduce the page to flash)

  1. Create a pure application of NG18
  2. Ng Add NG-ATD-Zorro Install the 18 Zorro version of the 18, select the layout of the SIDE mode
  3. NG Update @Angular/CLI @Angular/Core-FORCE-Allow-DIRTY upgrade NG
  4. NPM Uninstall NG-Zorro-ATD Remove the Zorro of 18
  5. Install Zorro of "Ng-Zorro-ATD": "^19.0.0-Beta.0"

After the local startup, press F12 to open the console and refresh the page crazy, you will find that Menu has zoomed animation after refreshing, and occasionally the page of page flashing will occur.
However, in the NG18 version, there is no such situation

What is exfected?

Refresh the page multiple times, the page will not flash

What is actually happy?

Refresh the page multiple times, the page will flash

| ENVIRONMENT | Info |
| --- | --- | |
| NG-Zorro-ATD | 19.0.0-BETA.0 |
| Browser | Chrome |

StackBlitz refresh the difficulty duplication page to flickering. You can use the source code address of the source code address through https://github.com/hujian123/ng19. Local installation is launched. When the local start is launched, open the browser console and refresh the page multiple times. Flickering