angular / angular/components

Drag and drop multiple cdkDrag elements

Open
#13,807 39 comments 114 reactions 0 assignees View on GitHub
area: cdk/drag-drop feature P2
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal

Feature request

#### What is the expected behavior?

Select multiple cdkDrag elements e.g with a checkbox and drag them to a cdk-drop container.

#### What is the current behavior?

It's only possible with one cdkDrag element at a time.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Material2 7.0.1

#### Is there anything else we should know?

If it's possible somehow I would appreciate a working demo.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the existing cdkDrag elements and cdk-drop container behavior in Angular Material 7.0.1. Define how selected elements are identified and moved together, then demonstrate that multiple selected elements can be dragged into a drop container.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.