search

NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.87k stars 3.94k forks source link

Dropdowns or tags are animating when change page or sorting starting from second row #4594

Closed IonelLupu closed 4 years ago

IonelLupu commented 4 years ago

Reproduction link

https://stackblitz.com/edit/ng-zorro-antd-start-y5ggqo?file=src/app/app.component.ts

Steps to reproduce

Use a Dropdown in NzTable with pagination like in the example above.

What is expected?

I expect the Dropdowns (and also the Tags in the example above) not to animate. This happens starting from row two. The first row works as expected and has the correct behaviour.

What is actually happening?

Dropdowns and Tags(other elements might be also affected) starting from row two are animating by changing the background color and size.

Environment Info
ng-zorro-antd 8.5.2
Browser Chrome, Firefox, Opera, Edge
IonelLupu commented 4 years ago

I've played a bit more with this and it seems that the Dropdown is the problem. If I remove it the Tags are showing correctly.

This is a Dropdown issue, not a Tag issue, so we can change the label of this issue into 'Dropdown'

wzhudev commented 4 years ago

Ref #4576. If you want this to be resolved faster, please +1 in this issue of Angular: https://github.com/angular/angular/issues/24041.

wzhudev commented 4 years ago

@vthinkxie @hsuanxyz This bug is raising a lot of questions recently. Consider pinning it for some time.

IonelLupu commented 4 years ago

@wendellhu95 Are you sure this is related to #4576? My problem is with the animation that starts from the second row not with the disappearance of the .