volser / cdk-drag-scroll Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
Hi guys! :)
Thank you for this solution - it seems great.
I have a board that I can drag elements freely around and in need of a scroll when dragging elements to the top and bottom edges.
This package works for me, but keeps throwing this error: ERROR TypeError: "dropListRef is undefined"
.
I don't use dropListRef
at all because it's not the element I need. Is there a way to silence this error?
Thanks.
Hi, @volser!
I'm trying to use the cdk-drag-scroll on my project, and it just isn't working. Could you provide a StackBlitz implementation? That would be really useful.
Thanks!
hi @volser , can on cdkDrag item work with two scroll containers? vertically in the cdkDropList and horizontally within the cdkDropListGroup (like in a trello board ).
Hi,
I try to upgrade my project from Angular 8 to Angular 9.
In to console appared this message:
"Package 'cdk-drag-scroll' has an incompatible peer dependency to '@angular/core' (requires '^7,2,0' (extended), would install '9.0.6).
Package 'cdk-drag-scroll' has an incompatible peer dependency to '@angular/common' (requires '^7,2,0' (extended), would install '9.0.6)."
Can you help me to resolve this problem?
Thank you, have a nice day,
Giacomo
ERROR in node_modules/cdk-drag-scroll/lib/drag-scroll.directive.d.ts(1,19): error TS2305: Module '"../../@angular/cdk/drag-drop"' has no exported member 'DragRef'.
I am using angular 7.2.2.
could we untie 7.x version ?
After force upgrade to angular 10, It has the following console error when drag and drop:
core.js:4352 ERROR TypeError: dropListRef._cacheOwnPosition is not a function
at cdk-drag-scroll.js:401
at ZoneDelegate.invokeTask (zone.js:407)
at Object.onInvokeTask (core.js:27474)
at ZoneDelegate.invokeTask (zone.js:406)
at Zone.runTask (zone.js:179)
at invokeTask (zone.js:488)
at ZoneTask.invoke (zone.js:477)
at timer (zone.js:2540)
Hi,
I'm upgrading my project to Angular 10 using ng update @angular/material
but it fails with:
Using package manager: 'yarn'
Collecting installed dependencies...
Found 194 dependencies.
Fetching dependency metadata from registry...
Package "cdk-drag-scroll" has an incompatible peer dependency to "@angular/cdk" (requires "^7.3.0", would install "10.2.0").
โ Migration failed: Incompatible peer dependencies found.
Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together.
You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.
#14 is open to take this package up to Angular 9 but with the release of Angular 10 we need another update.
I'm a little new to Angular. I'm have trouble using this in my application. I'd love to see the demo code as a reference. I really need to be able to control the scrolling container and this seems to be the best route to take at the moment, since there's a pull-request on hold in the components library.
I have put vsDragScroll [vsDragScrollContainer]="scrollContainer"
into my template, but I'm not sure where to go from here. What would "scrollContainer" be on the component?
Do I have to add this as a module?
How do I import this?
I will kindly update the README.md if you could help me out. Thanks.
After updating to the latest version I get module not found error, it looks like an unpackaged version has been uploaded to npm.
Angular 8 being out, would be useful to upgrade the dependencies.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.