586 questions
0
votes
0
answers
43
views
How to get the position of a droppable container when manual positioning is not given?
I am using dndkit to create multiple draggable cards and multiple droppable containers as well.
I am not manually positioning the droppable containers, they are just placed in the DOM element on its ...
0
votes
1
answer
285
views
React DndKit, item gets added to the drop area even if just clicked. isOver is not activated only on the drop area
This is the main page. I have a list of draggable items that I display in a list.
Whenever I click any of those, without moving it, it gets added to the drop area.
event.over is activated everytime i ...
1
vote
1
answer
87
views
Can't use png as a draggable?
I am working on a program where I need to drag and drop images, in this case, fire engines, onto a map. I've done this code with jquery and it worked fine. I am now trying to implement this with pure ...
1
vote
1
answer
3k
views
How can I calculate draggable position independently from a scrollable droppable area in React using dnd-kit?
I created a touch-screen application using React. I am using the dnd-kit library to enable the dragging & dropping of certain divs.
I have a calendar where the days are the columns, and the rows ...
0
votes
1
answer
105
views
jQuery: make a dynamic div droppable
I have draggable divs and a table which has a droppable div in the last td of each row. The table can have a new row added. After the new row is added, the droppable div in the last td is not allowing ...
0
votes
1
answer
90
views
Can I make a drag-and-drop element's fields be unchangeable after being dropped?
So I'm trying to make a drag-and-drop menu, where after you fill out a draggable item, you can drag it over to a "drop area".
The issue I'm having is that due to issues where I can't change ...
1
vote
0
answers
161
views
Drag and Drop Draggable Droppable JS
I am trying to create a battleship grid and limit its containment inside the grid squares only. I don't want the draggable elements be able to be dropped outside the grid squares (disable drop on ...
0
votes
0
answers
70
views
What do I have to change so that dragging is only possible over a certain area / handle?
I have a list of two droppable boxes where the items can be moved from one box to the other. Now I would like to make it moveable via a handle area.
What do I need to change so that dragging is only ...
0
votes
0
answers
41
views
Droppable not posting ID to PHP file
I'm attempting to build a CMS page builder. At the URL below, I'm trying to get the items on the 'templates' tab to do the below.
https://profilefirst.co/admin/content-editor/content-editor.php?...
1
vote
1
answer
98
views
jqueryui hidden droppables bug
I'm using the draggable and droppable from jqueryui to fill a slideshow with pictures from a list kinda like an editor.Everything is inside a flexbox that is expanding over the whole page.
Everything ...
1
vote
2
answers
2k
views
react-beautiful-dnd: Prevent flicker when drag and drop a lists
I'm using this react-beautiful-dnd library to be able to reorder lists. However, even though I'm able to drag and drop and re-order, there is a flicker when I try to reorder lists.
You can see in the ...
1
vote
0
answers
548
views
React beautiful Dnd - Invariant failed: Cannot find droppable entry with id
I have a list of droppable items created with mapping a table, but when I try to add a new droppable it throws this error, Could anyone help with this problem please
3
votes
2
answers
742
views
DragDrop inside Popper Bug
I have this Drag and Drop menu that loads when user clicks the menu icon. Then they select an item and move it to a place to sort their favorite. This menu loads and works totally fine if I put it ...
1
vote
1
answer
46
views
Duplicated Events on duplicated elements with different z-indexes angular 3rd Party library
I am using a 3rd Party library (angular-draggable-droppable) in an ionic on angular project. As ionic caches pages, the angular component stays in the Dom but with a lower z-index value. It seems that,...
-2
votes
1
answer
136
views
Cannot read property 'lists' of undefined
I am trying to create a web application that mimics trello. I keep getting this error and im not sure how to fix it. The code works fine in another project but not when i try and add it to this new ...