Skip to content

Drag and drop drag animation bugs #12694

Closed
@BirdInTheCity

Description

@BirdInTheCity

Bug, feature request, or proposal:

Bug

What is the current behavior?

ezgif-1-8b28b53c34

Two visible issues in the clip above:

  1. Two cdkDrag elements overlap (Theatre and Transport) during drag. The larger Transport element offsets itself by its own height rather than the drag element height.
  2. Drag element "jitters" during rollover of the larger Transport element.

What are the steps to reproduce?

Pick up the right element and rollover the elements in the left panel.

Attempted to provide the sample cards on Stackblitz.

The drag-and-drop is responding oddly though. I'm unsure why that is.

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

Latest release (6.4.5)

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions