Comments (6)
Set native-scroll prop to false
from vue-dnd-zone.
thanks for your reply; as you can see within the provided code, the native-scroll prop is already set to false. changing it to true also doesn't work.
I still think that's manly a problem about how to set up the surrounding containers right?!?!
from vue-dnd-zone.
OK... :-) i got mixed up with another D&D library i developed which has the ability to scroll whitin an inner container...
In vue-dnd-zone this is not possible, native scroll applies to scrolling the body element only. not any container.
from vue-dnd-zone.
ok, thanks. so how should the vue-dnd-zone be use? Should it directly be below the body tag? Can't find a full example.
from vue-dnd-zone.
vue-dnd-zone can be set anywhere in the document.
it doesn't have the ability to trigger inner container scrolling - so you should avoid your content height/width overflows the container dimensions.
it is working fine however when the scrolled container is the body.
you can try running https://supraniti.github.io/vue-dnd-zone/ (first page is also a draggable example) in a small window and see scrolling in action
from vue-dnd-zone.
now i know what you are saying. I'm trying to setup this behavior and may report back on this. Anyway, it would be cool if you could provide an example code how to setup/define your examples...
from vue-dnd-zone.
Related Issues (7)
- Vue3 HOT 1
- Usage in Nuxt app HOT 3
- Version HOT 3
- Not active on first display HOT 3
- How to disable drag and drop? HOT 1
- dnd-zone with Vuetify v-data-table weird behaviour HOT 4
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-dnd-zone.