Is it possible to make a Angular Material Dialog draggable? I installed angular2-draggable and can of course use the functionality on all other elements.
But because the dialogs are dynamically created i can not use ngDraggable on a special element or can use a template variable.
in your module, import the cdk drag
import { DragDropModule } from '@angular/cdk/drag-drop';
and in html where dialog is for example, just add to any html element. i have added to first element and then i can drag the dialog anywhere i pick.
<mat-dialog-content cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
content...
</mat-dialog-content>
In case anyone else runs into this, it's actually a noop to use cdkDrag and cdkDragHandle on the same element as is done in the examples here. The relevant GH Issue can be found here: