Comments (3)
Known issue:
#2407
from react-beautiful-dnd.
@devLuiss what is your error message? it works for me.
package.json:
"dependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/material": "^5.14.17",
"formidable": "^3.5.1",
"imagekit": "^4.1.4",
"mongodb": "^6.2.0",
"next": "^14.0.2",
"next-auth": "^4.24.5",
"react": "^18",
"react-beautiful-dnd": "^13.1.1",
"react-dom": "^18",
"react-scroll": "^1.9.0",
"react-toastify": "^9.1.3",
"tailwindcss-animated": "^1.0.1"
},
"devDependencies": {
"@types/react": "18.2.31",
"@types/react-beautiful-dnd": "^13.1.7",
"autoprefixer": "^10",
"daisyui": "^4.4.2",
"eslint": "^8",
"eslint-config-next": "13.5.6",
"postcss": "^8",
"tailwindcss": "^3"
}
a component example:
<DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId={menuData._id}>
{(provided, snapshot) => (
<div
key={menuData._id}
{...provided.droppableProps}
ref={provided.innerRef}
className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8 border"
>
....
{provided.placeholder}
</div>
)}
</Droppable>
</DragDropContext>
from react-beautiful-dnd.
i have same issue
it happen when i'm upgrade nextjs version from 13 to 14
from react-beautiful-dnd.
Related Issues (20)
- Drag and drop not working new window created through createPortal
- Tasks go on top of column title after dragging HOT 2
- Setting position issue -- When the page is scroll with position: Sticky, The drag component is not positioning properly.
- Droppable should only accept Draggables of same type ... but it doesn't work HOT 1
- Dragging Item while scrolling is not staying in the position with Tailwind CSS
- Update: 3rd April 2024 → "react-beautiful-dnd: where to from here?" HOT 11
- Unable to work in Next.js 14
- While dragging inner child below parent also moving upward HOT 1
- How to restrict draggable item moving out of parent div? HOT 2
- Site Not Found HOT 3
- Free coins from House of Fun
- Free Coins from House of Fun HOT 6
- When used inside a reactflow node, it will cause the node position to deviate
- are going to update the library to support React 19?
- Drag and Drop functionality is not working. HOT 3
- test
- Invariant failed: Cannot find droppable entry with id [photos] HOT 1
- Nested Drag and Drop After Child level HOT 1
- Dnd not working after depth 1
- Multi drag demo bug HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-beautiful-dnd.