Drag Drop: mat-grid-tile does not retain height when being dragged

[ducalai]

What is the expected behavior?

When dragging an item in a list, element rendered next to the user's cursor should look exactly like the element that is being dragged.

What is the current behavior?

Height changes and becomes bigger when item is being dragged

What are the steps to reproduce?

I use Mat-Grid-List example available in the docs at https://stackblitz.com/angular/oegmxkolgyr?file=app%2Fgrid-list-overview-example.html

Just display it on one line because of "Drag Drop Sortable, mixed orientation support (#13372 )" bug and add drag/drop like this:

<mat-grid-list cdkDropList cdkDropListOrientation="horizontal" cols="4" rowHeight="2:1">
  <mat-grid-tile cdkDrag>1</mat-grid-tile>
  <mat-grid-tile cdkDrag>2</mat-grid-tile>
  <mat-grid-tile cdkDrag>3</mat-grid-tile>
  <mat-grid-tile cdkDrag>4</mat-grid-tile>
</mat-grid-list>

When rowHeight is set to a ratio, height of item being drag changes.

Any solution to keep height at correct ratio?

[nzbin]

It can be very easy to implement this feature with the ng-dnd library, please check the following example.
https://stackblitz.com/edit/867pxw?file=src%2Fexample%2Fchips-drag-drop-example.html