Drop doesn't move item

[westlakem]

Please remove sections that are not required.

• I'm submitting a ...
  [ X ] bug report
  [ ] feature request
  [ ] other

• What is the current behavior?

Dropping an item doesn't move it

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar.

<div droppable>
  <li>
    <h1 draggable>Title</h1>
  </li>
  <h2 draggable>Subsection 1</h2>
  <img draggable src="assets/favicon.ico">
  <div draggable>
    My Text
  </div>
</div>

<div droppable>
  <h2> DROP ZONE</h2>
  <br>
  <br>
</div>

• What is the expected behavior?

When I drag something into the drop zone it should move

• Please tell us about your environment:

• Angular version: 6.0.3
• Chrome 64

[Geronimoz]

I don't think this is a bug, it is expected behaviour. You need to specify the (onDrop) event to move items between containers. See https://github.com/ObaidUrRehman/ng-drag-drop#transfer-data-via-drag-drop

[Skrigueztep]

Hi, i have a similar error; Could you help me?

My case its the following:

I take (Drag) a element of my list1 and when i (Drop) this element on list2, It isnt move & send a Error on console:

TypeError: Cannot read property 'map' of undefined
at UserDashboardComponent.push../src/app/

I have reviewed the code and it is in this segment where it marks the error:

onDropSelected(e: DropEvent){
this.productList.push(e.dragData);
this.removeItem(e.dragData, this.products);
}

onDropProducts(e: DropEvent){
this.products.push(e.dragData);
this.removeItem(e.dragData, this.productList);
}

removeItem(item: any, list: Array) {
console.log(list);
let index = list.map(e => {
return e.name
}).indexOf(item.name);
list.splice(index, 1);
}

Thanks, bros