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