Comments (3)
At this stage we won't be supporting this 'rails' behaviour. It sort of goes against the physicality we are trying to go for. It could be seen as breaking the analogy that a user is dragging physical objects around.
You can lock which list a user can target through type
s and isDragDisabled
and isDropDisabled
props. You can also update your UI on onDragStart
to make it clear that there is only one place that will accept the users input at that time.
from react-beautiful-dnd.
We may look into this in the future - but for now assume that it will not be supported
from react-beautiful-dnd.
Thanks for raising the issue @Kilian !!
from react-beautiful-dnd.
Related Issues (20)
- The ui gets distorted when I drag and drop.
- Want to disable nesting tree for some nodes
- Drag and drop not working new window created through createPortal
- Tasks go on top of column title after dragging HOT 1
- 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 9
- 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]
- Nested Drag and Drop After Child level
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.