dnd-kit icon indicating copy to clipboard operation
dnd-kit copied to clipboard

When I quickly move an item from one column to another empty column, the item gets deleted from the list.

Open manas-anarov opened this issue 1 year ago • 3 comments

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

manas-anarov avatar Mar 14 '24 10:03 manas-anarov

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.

ehrro avatar Apr 03 '24 09:04 ehrro

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.

manas-anarov avatar May 21 '24 05:05 manas-anarov

https://github.com/WawanC/multi-column-dnd-kit/

manas-anarov avatar May 21 '24 05:05 manas-anarov