Drag and drop scrolling container

[plchampigny]

Feature Description

In version 8.1.0 of components, the new scrolling feature enables auto scrolling of the cdkDropList or the viewport. It would be awesome to specify the drag scroll container if the scrolling container is not the droplist or the viewport.

Cdk drag scroll enables this feature using the vsDragScrollContainer directive,
https://github.com/volser/cdk-drag-scroll

Use Case

Container with scrolling containing a droplist that can't be scrolled with a viewport that cant be scrolled. Specifying the container and hooking up on its scrolling should enable scrolling.

[fatmaE19]

any sollution for that ? i have the same problem :/

[palsmadal]

I have been playing around with some code that does this since I have the same requirements for my application. Basicly it's a new input for the CDKDropList which is called "cdkDropListAutoScrollContainer". Here you just pass inn an element reference and the autoscroll should use this container for scrolling. As it is designed now it will override the scrolling behaviour on both window and the cdkDropList container.

What do you think about this solution?

[palsmadal]

Any feedback on the solution?

[aeslinger0]

I'd like to expand on this and suggest that multiple scroll containers be supported (or at least a parent container). I have a page that has many scrollable columns side by side, but unfortunately I'm unable to drag and autoscroll horizontally. You can see what I mean here: https://www.techgroups.com/job-tracker (from a desktop browser)

[leandroz]

Same as @aeslinger0 , it could be awesome to have the ability to not only scroll vertically but also horizontally between different list containers, similar to a Trello board.

[gabrielkunkel]

I would settle for a way to adjust where scrolling kicks in on the viewport.

[maknapp]

I think this is fixed by #18082.

[elezar42]

@crisbeto Do you know if there will be an 8.x release that includes #18082?

[crisbeto]

This is supported now by setting cdkScrollable on the parents that should scroll. Closing.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}