copy = true, sorting elements in destination container not working about angularjs-dragula HOT 7 CLOSED

    // Used for specifying different callbacks for the two drag directions
    var sourceName = "exercise-list"; // ID of source container where dragula directive is used
    var containerName = "workout";    // ID of destination container where dragula directive is used

    // 'exercise' is an arbitrary name assigned in the dragula directive of the two containers
    // Connecting these containers to the same dragulaService
    dragulaService.options($rootScope, 'exercise', {
        moves: function (el, container, handle) {
            // exercises in the work area, only enable drag-drop on title bar
            if (container.id == containerName) { 
                if ($(handle).closest(".sets").length === 1 || $(handle).closest("#no-exercises-message").length === 1) return false; // anything within .sets is disabled

                else return true; // anything within .title is draggable
            }
            else return true; // allow exercises in exercise list to be moveable by default
        },  
        accepts: function (el, target, source, sibling) {
            console.log('accepts');
            return true; // elements can be dropped in any of the `containers` by default
        },
        invalid: function (el, target) { // prevent buttons and anchor tags from starting a drag
            //return el.tagName === 'A' || el.tagName === 'BUTTON';
        },
        direction: 'vertical', // Y axis is considered when determining where an element would be dropped
        copy: true,            // make a copy of dragged element
        revertOnSpill: true,   // spilling will put the element back where it was dragged from, if this is true
        removeOnSpill: false,  // spilling will `.remove` the element, if this is true
        delay: 200             // enable regular clicks by setting to true or a number of milliseconds

    });

    var thisDragula = dragulaService.find($rootScope, 'exercise');

    thisDragula.drake
    .on("drag", function(el, container) {
        var exerciseId = $(el).data("exercise-id");

        if (container.id == sourceName) {
            for(var i=0; i < $scope.equipments_exercises.length; i++) {

                if ($scope.equipments_exercises[i].id == exerciseId) {
                    $scope.dragDuplicateCheck($scope.equipments_exercises[i]);  
                }

            }
        }
    })
    .on("drop", function(el, container, source) {
        console.log('drop');

        var exerciseId = $(el).data("exercise-id");
        var workoutExercisesDOM = $(container).children();
        for (var i=0; i < $scope.equipments_exercises.length; i++) {

            if ($scope.equipments_exercises[i].id == exerciseId) {

                $scope.$apply(function() {
                    // If there's >1 exercise, positioning the exercise at the correct index on drop
                    if (workoutExercisesDOM.length > 1) {
                        var index;

                        for (var x=0; x < workoutExercisesDOM.length; x++) {
                            if ($(workoutExercisesDOM[x]).attr("class") && $(workoutExercisesDOM[x]).attr("class").indexOf("exercise-js-binding") > 0) {
                                index = x - 1; 
                                // -1 because the 'drag an exercise here..' message adds 1 element to the workoutExercisesDOM length
                                // leaving for now. should be refactored
                            }
                        }

                        $scope.addEquipmentsExerciseToWorkout($scope.equipments_exercises[i], true, index);

                    } else $scope.addEquipmentsExerciseToWorkout($scope.equipments_exercises[i]);

                    $(el).remove(); // remove the dragula cloned element
                });

            }

        }       

    });