ngDraggable icon indicating copy to clipboard operation
ngDraggable copied to clipboard

Items are not clearly visible during drag

Open ghost opened this issue 10 years ago • 6 comments

Dragging items are not clearly visible as shown in attached screenshot. I have tried making [ng-drag].dragging { position: relative; } and [ng-drag].dragging { position: absolute; } but it didn't work. I also noticed an issue (#103) been reported and marked as closed. Could you please advice how to fix this?

187240446cab335a683112194704f751

ghost avatar Aug 06 '15 06:08 ghost

Yes, I just upgraded from an earlier version and it appears the lib is now using transform3D when dragging. This appears to override the z-index.

I've been researching but have been unable to identify a fix.

dboundz avatar Aug 17 '15 12:08 dboundz

Additionally the solution referenced in #103 doesn't solve this for me.

dboundz avatar Aug 17 '15 12:08 dboundz

set allow-transform='false'

fatlinesofcode avatar Aug 18 '15 02:08 fatlinesofcode

@fatlinesofcode still doesn't fix it

jlocans avatar Sep 26 '15 18:09 jlocans

To be more precise:

If data-allow-transform is not present, then z-index is set to 9999 .. and element transofrmation is enabled, but z-index doesn't seem to work. When the data-allow-transform is set to false, there are no transformations, but also z-index isn't set. It works if you set it manually. But there is another problem - when setting it to false, element doesn't occupy original space anymore.

jlocans avatar Sep 30 '15 19:09 jlocans

Setting position:absolute did the trick

[ng-drag].dragging {
position: absolute;
}

hardiksondagar avatar Mar 19 '16 10:03 hardiksondagar