Drag drop with virtual scroll reverses order of items

[dimmank]

What is the expected behavior?

Adding cdkDrag to an item in a cdkVirtualFor should not reverse the list order

What is the current behavior?

Adding cdkDrag to an item in a cdkVirtualFor reverses the list order

What are the steps to reproduce?

https://angular-qcyrur.stackblitz.io

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular: 7.2.9
Angular Material: 7.3.4
OS: any
Browser: any

Is there anything else we should know?

[Halt001]

We are seeing this too after upgrading Angular Material to: 7.3.7 from 7.3.3.
Any news on the cause or workaround is appreciated.

Edit:
The workaround in our case was to replace <ng-container *cdkVirtualFor="..."> with <div *cdkVirtualFor="...">

[asmodeus812]

Is there an update on that ? Also we are noticing that for huge data sizes the data is shown in wrong order when using the cdkVirtualFor for After closing and reopening the select the items 'sometimes' show up in a correct order.

[entilzah]

Hi, we have the same problem. The workaround from @Halt001 not working for us. I found this example: https://stackblitz.com/edit/drag-drop-virtual-scroll

[mbrankintrintech]

Any update on this? We are seeing the same behaviour as shown in @entilzah example.

[ct5845]

Same issue, tried wrapping in ng-container or on the item. No difference. https://stackblitz.com/edit/drag-drop-virtual-scroll as posted by entlizah best example of this. Remove the cdkDrag attributes and it works.

Currently stopping me from using virtual scroll, which is a real pain.

[mbrankintrintech]

This is fixed if you upgrade to angular 8 and the latest angular material.