Giter Club home page Giter Club logo

Comments (6)

supraniti avatar supraniti commented on May 24, 2024

Set native-scroll prop to false

from vue-dnd-zone.

1Luc1 avatar 1Luc1 commented on May 24, 2024

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.

supraniti avatar supraniti commented on May 24, 2024

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.

1Luc1 avatar 1Luc1 commented on May 24, 2024

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.

supraniti avatar supraniti commented on May 24, 2024

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.

1Luc1 avatar 1Luc1 commented on May 24, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.