'[bug report]' Mirror image not following dragged item in mat-grid

[AtreyeeP]

REQUIRED: Before filing a bug report

Change each [ ] to [x] when you have done it.

• [X] My issue title starts with [bug report]
• [x] I have read the README, especially the 'classic blunders' section, and the dragula docs.
• [X] I have searched through the ng2-dragula issues for related problems, including closed issues.
• [X] I have browsed through the issues labeled "future reference" for problems that have been solved before or have a known workaround.
• [X] I am using the latest version of ng2-dragula.

Describe the bug (required)

There is a collection of in upon making the as the draggable element. the mirror image is not following the dragged element but the drag and drop functions are working fine.

To Reproduce (required)

Steps to reproduce the behavior:

1. my code is as follows: <mat-grid-list dragula="CARDS" [(dragulaModel)]="myData"> <mat-grid-tile *ngFor="let dashboard of myData"> <app-dashboard [dashboardData]="dashboard"> consist of component

2. when I drag and drop the mirror image doesn't follow the dragged item.

Versions: "@angular/animations": "~7.1.0", "@angular/cdk": "~7.2.0", "@angular/common": "~7.1.0", "@angular/compiler": "~7.1.0", "@angular/core": "~7.1.0", "@angular/forms": "~7.1.0", "@angular/material": "~7.2.0", "@angular/platform-browser": "~7.1.0", "@angular/platform-browser-dynamic": "~7.1.0", "@angular/router": "~7.1.0", "core-js": "^2.5.4", "hammerjs": "^2.0.8", "ng2-dragula": "^2.1.1", "rxjs": "~6.3.3", "tslib": "^1.9.0", "web-animations-js": "^2.3.1", "zone.js": "~0.8.26"

Browsers affected: All browsers

[cormacrelf]

There are other issues where people have raised incompatibility with Material, for various reasons. It is usually because the parent component isn’t actually the parent in the resulting DOM, which it must be in order for Dragula to work. Or there are weird styles at play. Try pausing the JavaScript VM while a drag is in progress using a keyboard shortcut, and inspecting the last element of body which should be the preview.