I was following along with a react-beautiful-dnd tutorial that uses react component classes instead of hooks. I was writing an equivalent program with modern react syntax when I came across this er...

In the code below the UI renders two "Column" components and each column contains two draggable elements called "Tasks". When the user drags a "Task" between columns the code works - up to a point....

I am trying to use react-beautiful-dnd for drag n drop sorting of a list but my elements are not draggable and I get Unable to find draggable with id: X. I have cross-check my code with examples in...

I created a draggable drag and drop table with draggable rows. I'm using react beautiful-dnd for this. When I drag a row, the row gets out of position instead on the position of my cursor. When I d...

Using https://www.npmjs.com/package/react-beautiful-dnd after reordering some element for the first time, reordering of the previously moved item is not possible and the console prints Unable to f...

Any idea why in react-beautiful-dnd I conterminously get "Droppable: unsupported nested scroll container detected." ? react-beautiful-dndDroppable: unsupported nested scroll container det...

Trying out the react-beautiful-dnd to create dragabble items but can't find why it is so "jumpy". The dragged item and other items are moving and scaling after moving item and releasing it (see ima...

I have a sandbox, where I am trying to make react-beautiful-dnd work. It has to have the ability to move the columns horizontally. However I am receiving the following warning (when trying to drag...

I try to use "react-beautiful-dnd" and I got with the implementation into an existing project. The version of the package I'm using is 10.1.1 because I can't use a higher one. I tried to place the...

In the docs it says: DragHandleProps need to be applied to the node that you want to be the drag handle. This is a number of props that need to be applied to the <Draggable /> node. The simp...

When I try to use react-beautiful-dnd with next.js (or in general with server side rendering), after reorder items and refresh the page I get this error: react-dom.development.js:88 Warning: Prop `...

I am using typescript react-beautiful-dnd to drag and drop items from one container to other container and viseversa. In one container there are user names and other container has only one name cal...

Is there a way to cancel drop action of react-beautiful-dnd's Draggable object? I have a list of items with one item to be always at last position. I want to disable (or at least properly cancel)...

I was following the tutorial but I unexpectedly got this error, does anyone see what is going on? Here is the full error: react_devtools_backend.js:2557 react-beautiful-dnd: A setup problem was en...

i have some data that is available on my draggable elements. i would like to use that data onDragEnd, but i didn't find a way to pass any draggable data excepts the draggableId which is passed into...

this is my first question here. As the title says, i'd like to know if is there a way to create a dnd grid using react beautiful-dnd library. I've already found out that the library supports vertic...

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...

I'm using react-beautiful-dnd in a project and when I'm dragging a draggable, the page auto scrolls if I drag it near the top, bottom or sides of the page. I could theoretically fix this problem by...

I am working with a third-party component which doesn't forward the ref to its DOM component and unfortunately, I need to get a ref to its DOM element in my code. The code below obviously fails: co...

How can i keep draggable in it's original list while dnd action in progress? E.g. i want to drag item "copy" and hold it's original where it was at the same time. After onDragEnd i can copy data, b...

Initially the element is draggable from one column to the other, but after 2-3 item drags, items which are on certain index stops draggins, like I'm dragging an item from column-1 index 0 to column...

I'm creating a trello-like component using react-beautiful-dnd however the draggable object isn't visible during a drag and I am struggling to figure out why. See gif here This is the relevant co...

I am using react-beautiful-dnd Cant find any solution for change Draggable click area. I need drag items when I click in custom area (not at whole Draggable element). For example, Draggable eleme...

I am trying to implement react-beautiful-dnd. They have a video guide which I've followed, and double checked and compared my code to the one in the video multiple times, yet I keep getting this er...

Video demonstrating my issue: https://i.imgur.com/L3laZLc.mp4 I have a simple app where you can add Cards to 2 different Rows. When a card is added to a row, I'm using react-transition-group to tr...