NG-ZORRO / ng-zorro-antd

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

nz-table 虚拟滚动和拖拽排序同时使用时,拖拽有问题 #6108

Open peacejj opened 3 years ago

peacejj commented 3 years ago

Reproduction link

https://stackblitz.com/edit/angular-etfqqa?file=src/app/app.component.ts

Steps to reproduce

点击拖拽一行,鼠标不松开同时滚动下拉,拖拽的行不能放置在下一屏位置。

What is expected?

点击拖拽一行,鼠标不松开同时滚动下拉,拖拽的行可放置在下一屏想要的位置。

What is actually happening?

现在貌似是按不滚动的整体高度计算的,拖拽不放的鼠标移动到表框外,可放到下一屏的位置。

Environment Info
ng-zorro-antd 10.1.2
Browser Google Chrome Version 86.0.4240.198 (Official Build) (64-bit)
zorro-bot[bot] commented 3 years ago

Translation of this issue:

Drag and drop problems when NZ-TABLE virtual scroll and drag and drop

reproduction link

[https://stackblitz.com/edit/angular-etfqqa?file=src/app/app.component.ts](https://stackblitz.com/edit/angular-etfqqa?file=src/app/App. Component.ts)

steps to reproduce

Click to drag and drop a row, the mouse does not release the simultaneous scroll down, the dragged row cannot be placed in the next screen.

What is expected?

Click to drag and drop a row, the mouse does not loosen the simultaneous scrolling, dragging the row can be placed in the next screen you want.

What is actually happens?

It seems that it seems to be calculated by the overall height of the non-scrolling, and the mouse that is dragging is moved to the table frame, and it can be placed in the next position.

ENVIRONMENT INFO
Ng-Zorro-ANTD 10.1.2
Browser Google Chrome Version 86.0.4240.198 (OFFICIAL Build) (64-BIT)
willyou commented 2 years ago

Same here, Also, if we follow the nz-virtual-scroll example, drop effects will be failed.