I want to create a "palette" to drag from using react-beautiful-dnd. This will be like a palette in a drawing app, ie. (a copy of) the draggable will remain in the palette during the drag, and the palette will not animate at drag start or drag end.
I have achieved most of what I require using:
- setting
isDropEnabled={true} - hiding the placeholder with CSS
div[data-rbd-placeholder-context-id] {display: none !important;} - reducing the drop animation according to https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/drop-animation.md
- reducing the drag animation with CSS
div[data-rbd-draggable-context-id] {transition: 0.001s !important;} - inserting a duplicate
DraggableinonDragStart
There is still a flicker on dragging, and a flicker on dropping.
Is there anything else I can do to prevent react-beautiful-dnd from animating the removal of the draggable at drag start, and also at drag end?
