Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

cdkDragPlaceholder acting weird when display is none inside cdkDropListGroup #18149

maddy25 opened this issue Jan 10, 2020 · 1 comment


Copy link

@maddy25 maddy25 commented Jan 10, 2020

Bug, feature request, or proposal:

{cdk-drag-placeholder display: none} is adding extra animation when added inside cdkDropListGroup

What is the expected behavior?

It should hide the target placeholder without moving the dragged element somewhere else first.

What is the current behavior?

Currently when trying to move an item from one list to other, the item first flies on top or side and then drops to target. It only happens when
<div *cdkDragPlaceholder style="display: none"></div> is placed inside cdkDropListGroup

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

StackBlitz starter:

What is the use-case or motivation for changing an existing behavior?

Not changing exisiting behavior

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

Angular 8

Is there anything else we should know?


This comment has been minimized.

Copy link

@maddy25 maddy25 commented Jan 10, 2020

For some reason the unable to save and share stackblitz. Plz add
<div *cdkDragPlaceholder style="display: none"></div>

for both the lists.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
1 participant
You can’t perform that action at this time.