vue-smooth-dnd icon indicating copy to clipboard operation
vue-smooth-dnd copied to clipboard

drag on top of cards (fixed position of cards while dragging)

Open mesqueeb opened this issue 4 years ago • 0 comments

I love this drag library, it's the best I've found so far. I need a feature where I can move cards on top of other cards. So a way for me to prevent any card from moving while I'm dragging a card.

Here is my working example of the implementation I want: 2020-02-06 07 04 36

I was able to fully implement this feature by doing this:

  • a single container & draggable tag card for EACH card
  • then upon start dragging, replace all cards for the the cards but remove their container & draggable tags
  • also upon start dragging ever card has an empty container that is invisible and floats ABOVE the cards with absolute positioning.

then I have some complex feedback system to be able to style cards above which I'm dragging etc.

So my request would be if there could be a single prop called fixedCardsOnDrag or dragOnTopToSwap or something. that would clean up my entire complex setup I currently have. 😉

mesqueeb avatar Feb 05 '20 22:02 mesqueeb