Dynamic component added below of the last one.

[imranqau5373]

Problem:

I used sortable with angular 8. I have applied that to dynamic components. sortable is working fine with the list. but if I drag the last one on top and add the new dynamic component. it added just below the last element. before that sortable, it was working fine. if not changed that last one and other. they working fine. please anyone can help me out regarding this issue.

JSBin/JSFiddle demonstrating the problem:

---

Before you create an issue, check it:

1. Try master-branch, perhaps the problem has been solved;
2. Use the search, maybe we already have an answer;
3. If not found, create an example on jsbin.com (draft) and describe the problem.

Bindings:

• Angular
  • 2.0+: https://github.com/SortableJS/angular-sortablejs/issues
  • legacy: https://github.com/SortableJS/angular-legacy-sortablejs/issues
• React
  • ES2015+: https://github.com/SortableJS/react-sortablejs/issues
  • mixin: https://github.com/SortableJS/react-mixin-sortablejs/issues
• Polymer: https://github.com/SortableJS/polymer-sortablejs/issues
• Knockout: https://github.com/SortableJS/knockout-sortablejs/issues
• Meteor: https://github.com/SortableJS/meteor-sortablejs/issues

[waynevanson]

Do dynamic components create a new component and a new instance of a DOM element? If so, this sounds like it should work.

but if I drag the last one on top and add the new dynamic component

This is unclear. What is "the last one"?

Can you please submit a JS fiddle or code sandbox with your issue? It will help to get it resolved.

[imranqau5373]

let me explain the scenario. I have one angular component.html that have one div. I render the 4 div's means each div is a component. I render the div component 4 times. I have one button with the name of (add div). now, these 4 div's are sortable and working properly. if I move 4th dive on 1st place and another div with the help of button (add div). new div is added below of the last div that moved in the first place. that is the problem. why new div is not added in the below of the last one.

[owen-m1]

It wounds like an issue with the code you are running that adds the new div. If you can create a JSBin demonstrating this maybe I can help.