Stack Overflow
Stack Overflow

Questions tagged [angular-dragdrop]

This tag should be used for questions regarding the angular-dragdrop AngularJS library. It should **not** be used for questions regarding the Angular CDK's drag and drop module - instead, use both the angular-cdk and drag-and-drop tags.

angular-dragdrop is a drag and drop directive for . It provides a wrapper jQueryUI draggable/droppable components.

69 questions
1
vote
1 answer

Angular mat tree with drag and drop

I am using angular material flat tree for drag and drop. I implemented drag and drop using an example from stackblitz link. I'm getting an error when i drag and drop parent node to child node. This is the error Cannot read property 'findIndex' of…
Anzil khaN
  • 1,974
  • 1
  • 19
  • 30
1
vote
2 answers

angular cdk drag and drop not working in lazy-loading

I Switched to lazy-loading feature when it came out on angular 7, before that, the cdk drag and drop used to work, now its broken. there are some shared modules that I use in my code for centralization of modules, so for example whenever I need…
Ali Sawari
  • 33
  • 7
1
vote
0 answers

Problems to attach file in input with drag & drop

I have this code to drag and drop images in a file type input. With this code I get a preview of the image in the label. It works perfectly using the button, but it does not work if I drag and drop. The problem is that when I drag and drop the file,…
Yunier Escobar
  • 11
  • 3
1
vote
1 answer

Dragged item not returning to correct position

I'm using angular drag and drop plugin. This issue occurs when i mouse scrolled my page to some distance. Then, dragged an item and released. The released item is returning to the wrong position (i.e.,) some pixels above than its actual…
Manush Venkatesh
  • 118
  • 12
1
vote
1 answer

Angular2 : Drag Events Using Directives On Table Row Works Very Slow

I am implementing dragdrop functionality with the help of directives. @Directive({ selector: '[Droppable]', host:{ '(dragenter)':'onDragEnter($event)', '(dragover)':'onDragOver($event)', '(dragleave)':'onDragLeave($event)', …
MAHESH VALIYA VEETIL
  • 183
  • 1
  • 2
  • 13
1
vote
1 answer

Angular drag n drop: Splice not a function on three level

I'm currently implementing a menu editor. I have the problem, that the first level of elements is perfectly draggable, the levels two and three only return errors about splice or eval not being a function. Dragging works, but the inserting…
Merlin Schumacher
  • 73
  • 1
  • 7
1
vote
1 answer

How can I get a search box to search only one list when there are multiple lists?

I have two lists created from my controller, list A and list B to populate my angular-drag-and-drop lists. I have a search box that searches both lists when I type something. I want my search box to search only list A and not list B. Models: { …
George
  • 51
  • 6
1
vote
1 answer

Angular dropped item stay on dropped position

I'm using angular-dragdrop to move images from on div to another div. As each div has its own $scope list, when I drop an element from one to another list, the list which receives the item is updated. However when I drop an item into the droppable…
Leo
  • 1,051
  • 2
  • 13
  • 33
1
vote
0 answers

AngularJS Drag and Drop(drop-ang-drag-drop)

I am trying drag and drop (ang-drag-drop)([github angular-drag-drop][1]) in angular. If receiver array is empty then example is not working.[plunkr][2]. [1]: http://angular-dragdrop.github.io/angular-dragdrop/ [2]:…
rupesh_padhye
  • 1,355
  • 2
  • 13
  • 25
1
vote
1 answer

angular-dragdrop cloning an image isn't working with helper: 'clone' & placeholder: 'keep'

I'm trying to clone an image and drop it in a droppable area and continue dropping that image into that droppable area creating many clones of that image. Seems like it's possible using angular-dragdrop library with helper: 'clone' & placeholder:…
Neil
  • 15
  • 8
1
vote
1 answer

Getting Drag-Event without displaying anything

I have the following page using angular-dragdrop "ngDragDrop" (which uses the jQueryUI-Dragdrop) the following code WORKS:
Ole Albers
  • 8,715
  • 10
  • 73
  • 166
1
vote
0 answers

angularjs dragdrop : I applied the ordering, but didn't changed the data

It was hard to make this sample for sharing my situation. Question 1. If you try this sample, I applied the orderBy attribute in ng-repeat and I added the attribute, applyFilter in jqyoui-drragble. The ordered list in the view is well-done. But If…
verystrongjoe
  • 3,831
  • 9
  • 35
  • 66
0
votes
0 answers

Angular - drag and drop - component is not rendering before drag start

I am using angular drag and drop @angular/cdk/drag-drop. Here is a stackblitz that describes the problem: https://stackblitz.com/edit/cdk-drag-drop-index-bug-kqspbh?file=src%2Fapp%2Fapp.component.html I want the dragText to change while i am…
Omri David
  • 1
0
votes
0 answers

Angular dynamic and nested drop area not working

I have been working on a form builder using Angular CDK drag and drop, and I'm facing an issue with dynamic drop areas. I have successfully implemented drag and drop functionality without nested lists, but now I'm trying to create multiple drop…
Mohammad Akram
  • 1
  • 1
0
votes
0 answers

Angular CDK Drag and Drop not working for nested drop areas

I use angular CDK drag and drop to create a form builder its work fine with nested areas but its not working in nested list a have mention some code snippets below
1 2
3
4 5