Comments (2)
Hi @jamesladd,
Thanks for your comments. Currently there is no callback fired from '' droppable" containers when a drag is started. But I think you can handle this in the drag-start event even it is fired only from the source container since you already know the possible target containers. Another possible way might be using the should-accept-drop function, it is called for every container after a drag is started, so that you can return the value as well as update the UI accordingly. But I think I will add this callback function to the api in future releases.
from vue-smooth-dnd.
It is not documented yet but you can set the behavior of container to 'drop-zone' in order to prevent a container reordering its items when a drag is on it. So it will behave like just a drop zone not a sortable container.
from vue-smooth-dnd.
Related Issues (20)
- bug if draggable is wrapped in an element with css transform:translate() HOT 4
- A way to completely disable dragging ? HOT 4
- Feature Proposal: provide logic to handle "drop outside"
- Feature Proposal: Add global handlers for start, finish and cancel drag HOT 2
- Virtual scroll HOT 1
- Feature: add support for dragover/mouseover events, doing something with mouseposition
- After draging to a new dragable box sometimes ghost is not dropping.
- when support shadow dom?
- Placement Is Off when :class is used on a child container
- 提示一下,如果遇到拖拽报错 undefined bottom,请确保拖拽容器父级指定overflow-y:auto 而不是在body上设置css HOT 3
- Not work with css grid
- Mobile page can't scroll HOT 2
- How Sort by original Order?
- Dnd Indicator Mode? Can do it? HOT 5
- How to remove an element that has been copied?
- createElement isn't a function HOT 3
- Stuttering slide movement
- Do not use filters - css
- 快速切换点击不同的 Draggable 子项,发生报错! HOT 1
- select gets reverted to default value on move
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 vue-smooth-dnd.