volser / cdk-drag-scroll Goto Github PK

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.