I'm currently working on an application where I need to use drag and drop functionality to reorder a list of forms. The problem appears when I'm trying to clip the form content and transform all other forms in smaller blocks for reorder state.
I've created a Figma file with both states for the list.
For the currently dragged form I can use renderClone prop for the <Droppable/> component to render a clone, but I have spacing and reorder problems with other forms on clip.
I'm using the react-beautiful-dnd library to handle drag and drop. Can someone give me a hint or explain how to correctly implement this functionality?
Thank you. :)
