-
Notifications
You must be signed in to change notification settings - Fork 6.8k
cdk drag and drop - cdkDragDropped event not triggered #12086
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
Comments
It seems like our demo app is using the wrong events. The proper name for it is |
Ah, perfect. Found it in your source code. Thanks! Is there progress on the documentation for the cdk drag and drop? If you need any help i can start working on it. I am exploring your implementation. |
I'll continue working on it a bit more over the next week, I was busy with other tasks this week. Also let's keep this issue open since it shows that the dragging is off when the page is scrolled. |
What do you mean by that? |
Fixes the `CdkDrag` sorting logic and preview positioning being thrown off by the page's scroll position. Fixes angular#12086.
I mean that the logic that determines how the item should be sorted, as well as where to render the preview, seems to be thrown off when the page is scrolled down. I've submitted #12098 to fix it. |
@josephperrott What about the fix #12092 for the demo app? |
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Bug
What is the expected behavior?
The drop event
cdkDragDropped
should trigger the custom methodWhat is the current behavior?
The demo app for drag drop has two lists (todo and done). The items in the list are not updated from the
cdkDragDropped
event. The associateddrop(event: CdkDragDrop<string[]>){...}
method is not called.What are the steps to reproduce?
I created an example with the exact same implementation like in the material2 demo-app.
https://stackblitz.com/edit/angular-material2-issue-eemhuq
I also tried it with the complete material2 repository. Cloned the repository and started the demo app using
gulp serve:devapp
. Same problem, like in the stackblitz example.Which versions of Angular, Material, OS, TypeScript, browsers are affected?
See stackblitz example
Based on the changes introduced in #11864 by @crisbeto
The text was updated successfully, but these errors were encountered: