All Questions
9
questions
0
votes
0
answers
38
views
Draggable items break styles on dragging
I'm creating a sequence quiz and chose @hello-pangea/dnd package (which is rewritten react-beautiful-dnd and I succeeded to create a simple component but I faced a problem that when I grab draggable ...
1
vote
0
answers
37
views
cards dont always jump to make space for a new card when reordering list
I am currently trying to implement a drag and drop in a project of mine! I have this strange thing happen sometimes where after I moved cards around once or twice and I try and move another one, it ...
1
vote
0
answers
851
views
React Beautiful DND nested drag and drop
I am creating a side navbar with react-beautiful-dnd. The navigation consists of pages and pagegroups, the pagegroups consists of more pages and pagegroups we can add pagegroups and pages in any ...
2
votes
1
answer
406
views
react-beautiful-dnd draggable flickering (but only some of the draggables children)
I am having trouble getting react-beautiful-dnd to work because children of the draggable are flickering after reordering:
No external requests happen in the background, the app stores the change ...
4
votes
1
answer
635
views
Drag and Drop to wrapped flex items using react
I have to create a drag and drop functionalities to some dynamically created list items just like the image below:
Here the, items will be displayed by using flex and items will be wrapped by flex-...
1
vote
0
answers
1k
views
Fixed-position headers in react-beautiful-dnd droppable
I have a list of items that have periodic header labels to group the items visually. I want the headers to stay in place while dragging. However, all headers below the dragging item move up by (...
12
votes
1
answer
2k
views
beautiful dnd - passing draggable data onDropEnd
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 ...
1
vote
1
answer
5k
views
react-beautiful-dnd - adding Lists in next row if more than 4 Lists exist
I'm using react-beautiful-dnd to drag and drop team members in different team lists. I have multiple Team lists, and a button which adds a new Team list. After I add 4 teams, I would like the 5th Team ...
6
votes
1
answer
7k
views
react-beautiful-dnd: When multiple lists exists, dragging content in one row will drag same index from all rows
I have a simple react-beautiful-dnd app where I have multiple rows, and you can drag components within their own rows.
My issue is that when I drag a Draggable within one row, the visual effect of ...