ngx-drag-drop icon indicating copy to clipboard operation
ngx-drag-drop copied to clipboard

Ghost image is getting fade if width cross 300px

Open githubmanju opened this issue 4 years ago • 7 comments

While drag start the ghost image have some opacity and if we increase the width and height 400x400 the ghost image is not coming properly it is faded. image

githubmanju avatar Feb 02 '21 14:02 githubmanju

Hi

I am having the same issue. Did you get any kind of solution for this.? I have tried with CSS and scripting. But nothing worked.

Thanks

aaron170 avatar Jun 17 '21 11:06 aaron170

I have to do some testing but I've noticed chromium does create the drag image differently than it did at the inception of this module. Don't know which chromium version introduced the change, but some elements show weird fading and shadow effects (especially when an element uses box-shadows). Other elements (the more simple ones) seem to have perfectly fine drag images.

reppners avatar Dec 30 '21 09:12 reppners

This may be related to https://github.com/reppners/ngx-drag-drop/issues/33#issuecomment-715302129

reppners avatar Dec 30 '21 11:12 reppners

I've tested with Chrome 96.0.4664.110 on macOS and wasn't able reproduce 🤷 is it gone for anybody out there too?

reppners avatar Dec 30 '21 11:12 reppners

Confirming the issue exists for Windows Chrome 96.0.4664.110

reppners avatar Dec 30 '21 14:12 reppners

so no solution yet even in 2023?

yelnyafacee avatar Jun 12 '23 10:06 yelnyafacee

Seems like ditching the native drag&drop API and going with a custom JS solution is the only way around for now.

ivelinsm avatar Jul 27 '23 11:07 ivelinsm