Material 7 Drag and Drop ng-template incompatibility
See original GitHub issueBug, feature request, or proposal:
BUG (probably)
What is the expected behavior?
Transferring items between lists should be possible
What is the current behavior?
Dragging works but dropping does not. As if the drop zones wouldn’t be there at all.
What are the steps to reproduce?
https://stackblitz.com/edit/angular-jcfbx7?file=src/app/hello.component.ts
What is the use-case or motivation for changing an existing behavior?
It is not working as expected.
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.2, Material 7.2, TypeScript 3.2, reproduced in Chrome as well as in Firefox under Ubuntu
Is there anything else we should know?
ng-template
and ngTemplateOutlet
might cause the problem.
might be relevant: https://stackoverflow.com/questions/53210886
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Material 7 Drag and Drop ng-template incompatibility #14798
Bug, feature request, or proposal: BUG (probably) What is the expected behavior? Transferring items between lists should be possible What is ...
Read more >Angular - DragDropModule not working inside templates
With this code example, the orangeProgramActivity can be dragged anywhere but doesn't drop into the correct dropList as cdkDrag keyword can't ...
Read more >angular cdk drag drop nested ng-template version - StackBlitz
com/edit/angular-cdk-nested-drag-drop-demo). Enter to Rename, Shift+Enter to Preview. Compiling application & starting dev server…
Read more >Drag and Drop in Angular - Syncfusion
Drag and Drop is supported through two libraries of Syncfusion Angular UI Components. Those are Draggable and Droppable . Draggable makes DOM to...
Read more >Drag and Drop | Angular Material
The @angular/cdk/drag-drop module provides you with a way to easily and declaratively create drag-and-drop interfaces, with support for free dragging, ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@crisbeto in this example “https://stackblitz.com/edit/angular-ngtemplate-reorder?file=src%2Fapp%2Fapp.component.html” cdkDrag is inside dragList even thoug it dosnt work like DragList.
This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.