Skip to content

[drag-drop] Auto-scrolling works poorly with a cdkDragBoundary #18596

Description

@Achilles1515

Reproduction

https://stackblitz.com/edit/angular-kkgyuu

Expected Behavior

To trigger auto-scroll when using a cdkDragBoundary, the user MUST pickup the drag element near its edges. This limitation feels really odd in use and makes the auto-scroll feature feel broken. Even if the user picks up the drag element near one of it's edges, they can only auto-scroll in one direction and not go back from where it came (ignoring really skinny drag elements...). See below gif.

Consideration should be put in place to trigger auto-scroll when the drag-preview's edges are near the boundary or when the user's pointer is physically on top of the boundary.

Actual Behavior

GIF

Environment

  • Angular: 9
  • CDK/Material: 9
  • Browser(s): all
  • Operating System (e.g. Windows, macOS, Ubuntu):

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: cdk/drag-drop

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions