I have 2 list (capital cities in the left and countries on the right). I would like to be able to move the capital city on the countries list, and allow the user to drop the capital city on the cou...

I use CDK Material Drag and Drop utilities to create a form editor with drag and drop enabled. It works fine, but nesting a cdkDropList within a cdkDropListGroup does not work. I'm not able to drag...

I have to create a circular slider which can determine an angle. I'm following this and I would like to know if there is a way to have circular boundary. Or another easier method to implement that?...

I have a global loader which is implemented like this: CoreModule: router.events.pipe( filter(x => x instanceof NavigationStart) ).subscribe(() => loaderService.show()); router.events.pip...

I am creating a simple board interface with swim lanes think Jira swimlane or trello boards The red lines shows current flow The blue shows the flow which I would like to implement I have three...

I have a mat-menu in which content may differ regarding user. I try to write unit test but from what I see, jasmine doesn't see the CDK div, so I cannot grab menu entries. My template: <button i...

I have a list of themes, and each them has a list of colors. I display all the themes with a button that opens an Angular Dialog, in the dialog I list all the colors for that theme and these colors...

I am using Angular CDK drag-drop from Angular Material (see documentation here). I was wondering if it is possible to disable dragging on a sub-element of cdkDrag. The problem is it is impossible t...

I need to attach and detach an instance of a set of components from a portal dynamically without reinitializing it every time I attach as it degrades the performance of the application a lot. porta...

I need the inital position of the cdk-virtual-scroll-viewport to be other than the first element / item of the list. Now I found the scrollToIndex and scrollTo methods, but I only can get them to ...

I'm trying to find a way how to disable dropping by using CDK due to some conditions.If the list which I wanna drop is empty should be disabled.I couldn't find a way to do that inside a method in ....

Does any one met the issue of angular 7 cdk virtual scrolling working abnormally in mat-tab group. https://github.com/angular/material2/issues/13981 My city component template looks like that &...

As recently angular introduced drag and drop in angular material https://material.angular.io/cdk/drag-drop/overview . All examples describes with in a single component. How to use this in two dif...

Maintain scroll position with CDK autosize virtual scroll strategy I have a large list of items that can be scrolled with <cdk-virtual-scroll-viewport autosize> provided by @angular/cdk-exper...

Prerequisite: cdk draggable elements inside a nested scrollable div (see the example) How to reproduce: Start dragging an item. Scroll the page Drag item a bit more when not scrolling Effect: ite...

FYI, just want to let you guys know that I'm writing this AWS CDK app with: TypeScript I'm using a Macbook to write the app,running macOS Mojave 10.14.6. my node version is 10.16.3 NPM version i...

Trying to drag-and-drop items between panels in an accordion, expanding the panel that is hovered while dragging. It will not allow dropping items into the target panel, if it is smaller than the ...

I have 2 arrays. I'm implementing an Angular drag drop and I want to use FormArray to save the array in which the element was dropped into. The problem is that I can't apply formcontrol to the di...

Is there a way to dynamically create drop zones? I'm having some troubles with ngFor and cdkDropList. Here is my first list and draggable elements: <div class="subj-container" cdkDropListO...

I have this example : https://stackblitz.com/edit/angular-asevei?file=app%2Fcdk-drag-drop-sorting-example.html everything works, but while dragging the selectbox 'resets' to the first value in the ...

I've installed the Angular CDK in order to use PrimeNG's dropdown component but it throws an error. I've added this in my app.module.ts: import {DropdownModule} from 'primeng/dropdown'; And instal...

I´m working in a application implementing the new drag and drop from angular material CDK and i´m trying to cancel the drag event of the element pressing Esc, i mean, i start dragging the element b...

I was trying to combine mat-dialog and drag-drop in Angular Material 9. The dialog.html is: <h1 mat-dialog-title cdkDrag cdkDragHandle cdkDragRootElement=".cdk-overlay-pane"> Title</h1&g...

This question has been brought up a number of times on SO, but not recently, and the example here is more complete than other ones I have seen. The best implemention of drag and drop with a materia...

Is there a way to get in the attached component to an overlay the active position ? For exaple I say to a tooltip to open above but this cannot be done and the overlay will open it below. I wan...