All Questions
5
questions
1
vote
0
answers
86
views
Separator after x elements in a react-beautiful-dnd list
I'm trying to have a separator between my 3rd and 4th element in a react-beautiful-dnd <Droppable/>.
It's pretty easy to have the separator before drag and after drag, the problem is when it ...
- 11
1
vote
1
answer
723
views
Disable Scroll When Dragging in MUI Grid
I'm currently writing an app where I have many columns in a MUI Grid, scrolling horizontally. It's a task planner app, and when I create a task, I want to be able to drag it between the different ...
- 31
9
votes
0
answers
1k
views
React-beautiful-dnd: Prevent page from scrolling when draggable is being dragged near edge of page
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 ...
- 91
0
votes
0
answers
2k
views
How to enable scrolling inside an `overflow: hidden` div
I've implemented a kanban board with react-beautiful-dnd. It works the way I want.
I would like to be able to use this board inside a div container that has overflow: hidden. However, doing so ...
- 2,419
6
votes
2
answers
7k
views
Items jumping when dropping on react beautiful dnd
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 image ...
- 1,582