You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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
The text was updated successfully, but these errors were encountered: