All Questions
146 questions
0
votes
1
answer
26
views
Angular Material drag and drop cdk, trigger function on dropping item on another item
I have a reuseable "folder-component", I need to be able to drag that folder-component on another one and trigger a function. Is it possible with material drag & drop cdk? because so far ...
- 298
1
vote
1
answer
170
views
MatDialog drag and drop with newest angular version
I like to implement DragAndDrop in my MatDialog.
For older Versions of Angular, like Angular 7, there is a solution, but for Angular 17 for Example, this solution doesn't work the same.
For Angular 7 ...
- 102
0
votes
0
answers
64
views
Drag-Drop - prevent placeholder creation - keep original
I have a mat table that supports nested tree lists where I allow drag drop (reordering disabled) to drag row on top of each other. The problem is that I need events on each table row. But when a row ...
- 473
1
vote
1
answer
59
views
Place the placeholder at the nearest border between two item
I have a mat table that displays nested items like a tree list. I want to add drag and drop to move items in and out of nodes/items.
To do so I check if I hover the inner center 75% of a row. If so ...
- 473
1
vote
1
answer
43
views
Make a list of CdkDrag Angular element that don't move when a previous element is closed
Problem :
I have an undefined list of popup windows (user can open as much as needed). Those windows can be moved on the app as CdkDrag element. Problem if we close one of the window, the following ...
- 693
0
votes
0
answers
48
views
How can I prevent item from showing up in the other container while dragging in cdk drag-drop Angular?
I have implemented basic drag and drop functionality from component 1 to component 2. Dragging and event firing works just fine. When I drag item from Component 1 to Component 2 some item (div from ...
- 1
1
vote
1
answer
280
views
Drag and drop styling for mat-chip in Angular Material 18
When upgrading my Angular application from version 14 to 18, a lot has changed. I'm using Angular Material for some of the components, and the Chips aren't working as before.
The previous mat-chip-...
- 627
0
votes
0
answers
138
views
How to implement drag and drop on a table list with pagination in angular?
I have a table with ngb-pagination and now I have a requirement to add drag and drop in the list.I am not able to drag an item from page 1 and drop that item in page 2. Is that possible to do it. How ...
1
vote
0
answers
33
views
How can I configure Angular Material drag and drop to allow dropping an element when the cursor is outside the drop zone
How can I configure Angular Material drag and drop to allow dropping an element when the cursor is outside the drop zone, but the draggable element is still inside?
The element is only dropped when ...
- 11
0
votes
1
answer
527
views
Angular cdk drag and drop. How to drag the element into the nested element of the new added element
I have 2 containers. I can drag an element from the first container to a nested element of the second container. But when I clear an element, that is, I create a new one in its place, I can't drag the ...
- 11
0
votes
0
answers
87
views
Drag & drop between two tree view lists
I have one tree view (nested) list with angular material drag&drop functionality: Stackblitz
But I need to have 2 treeview lists with ability to drag&drop elements between those lists.
Could ...
- 255
1
vote
0
answers
232
views
Maximum call stack size exceeded when trying to implement Angular Drag and Drop grid
I'm trying to implement the same dragable grid as here: https://stackblitz.com/edit/angular-dragdrop-grid-pnyded.
I faced a number of problems:
First one was that CdkDropList enter() was deprecated, ...
- 31
0
votes
1
answer
3k
views
Angular CDK Drag Drop: Get X and Y position on dropped element with respect to its parent
I am building an Angular app. I have bunch of dragable elements on left side and a dropzone on the right side. when I drag and drop the element into the dropzone. I need to know where exactly the ...
- 119
0
votes
1
answer
1k
views
Angular Material - drag and drop set new position
I need help with Angular material drag-drop
the idea is that I can move the block of black color on the screen along the Y axis, for this I use Angular Material drag and drop, for this I have 3 ...
0
votes
1
answer
81
views
In mat-table how would I show a dropzone above/below rows while dragging?
I have a mat-table and it's set up with drag and drop so the user can drag/drop rows to reposition them. What I'd like to do is display a drop zone between rows, so it's clear where the dropped row ...
- 2,567