Items are not visible properly while dragging in certain resolutions

[iampratapak]

trafficstars

Items which I'm dragging are not visible properly in big screens. Even I noticed the same problem in your plunker example.

In your plunker I did below steps

Step 1: Click launch the preview in a separate window --> full screen window will open

Step2: Now drag an item from the list and notice dragged item is not visible properly.

Even I'm facing the same issue in my current project also where I implemented ng2-drag-drop.

Thanks Pratap A.K

[ObaidUrRehman]

This component uses HTML5 drag drop feature to accomplish what it does and the default drag behaviour is to show a semi-transparent ghost clone of the element being dragged. It's something that is not customizable. On top of that, the behaviour is browser dependent. On Microsoft Edge, it'll shows a clone of the element without opacity.

There is a dragImage property on the draggable directive that lets you set an image to be shown when dragging an image but even that has opacity applied to it. I am not sure if that serves your purpose.

The way other libraries do it, most notably JQuery draggable is that they drag a clone of the element along with the mouse, this way they have more control over it. Implementing something similar for this component is planned for later.

[InYourHead]

@ObaidUrRehman Does this problem will be resolved soon? It's 2019 year already

[ObaidUrRehman]

@InYourHead I have stopped active development on this project. https://github.com/ObaidUrRehman/ng-drag-drop#warning-discontinuation-notice