When I quickly move an item from one column to another empty column, the item gets deleted from the list.
If the column is not empty, there are no errors.
code: https://codesandbox.io/p/sandbox/github/zcahsja/Multi-Drag-Kanban/
{
"name": "dnd-kit-multi-select-kanban",
"version": "1.0.0
```",
"description": "",
"keywords": [],
"main": "src/index.tsx",
"dependencies": {
"@dnd-kit/core": "6.0.8",
"@dnd-kit/sortable": "7.0.2",
"@emotion/react": "11.10.6",
"@emotion/styled": "11.10.6",
"@mui/icons-material": "5.11.11",
"@mui/material": "5.11.15",
"classnames": "2.3.2",
"loader-utils": "3.2.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-scripts": "5.0.1"
},
"devDependencies": {
"@types/react": "18.0.25",
"@types/react-dom": "18.0.9",
"typescript": "4.4.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
]
}
video:
https://github.com/clauderic/dnd-kit/assets/9741780/e07fae96-c487-4600-bd72-c7ad2e560fe9
I had the same kind of issues and the reason is that you are missing a case scenario in your dragOver or dragEnd functions. To find the issue you need to console log over active and over and see what's happening when you do a quick drag. It's tricky to make it right especially when you have 2 levels of drag and drop.
I had the same kind of issues and the reason is that you are missing a case scenario in your dragOver or dragEnd functions. To find the issue you need to console log over active and over and see what's happening when you do a quick drag. It's tricky to make it right especially when you have 2 levels of drag and drop.
Thank you. I found another example. I haven't checked it in detail, but it works well.
https://github.com/WawanC/multi-column-dnd-kit/