can not drop at all

[poc7667]

Hi, I could not drag any task into another list.

When I drag it can be move out to the original list, However, when I release the item it will go back to original place.

app.
.controller('courseDragCtrl',
    function ($rootScope,
              $scope,
              dragulaService) {

        $scope.$on('course_item.drop', function (e, el, target, souce) {
            console.log("drop");
        });

    });

  <div class="scrum_board_overflow" ng-controller="courseDragCtrl" class='parent'>
        <div id="scrum_board" class="uk-clearfix">
           <div ng-repeat="group in task_groups">
              <div class="scrum_column_heading">
                 {{ group.name }} : {{group.id}}
              </div>
              <div class='container' dragula='"course_item"' >
                 <div ng-repeat="task in tasks_list | filter: { group: group.id }" ng-bind='task.course_name'>
                 </div>
              </div>
           </div>
        </div>
     </div>

[poc7667]

Strange phenomena,

I cat catch the drag-out event, but not drop =_=

[logan-jobzmall]

@bevacqua @poc7667 - Same here with 2.0.0. The drop event isn't even fired

                    <div ng-repeat="applicant in vm.pipeline[key]" class="applicant-card {{key}}">
                        <div class="top" layout="row" flex>
                            <i class="material-icons info" ng-click="vm.openApplicantDialog(applicant, $event)">remove_red_eye</i>                                </i>
                            <div layout="column"><responsive-circle text="{{applicant.name}}" image="{{applicant.image || '/img/icons/profile_icon.svg'}}"></responsive-circle></div>
                            <div layout="column" layout-align="center start" flex>
                                <span layout"row" class="applicant-name">{{::applicant.name}}</span>
                                <span layout="row" class="applicant-title">{{::applicant.title || applicant.last_experience.title}}</span>
                            </div>
                        </div>
                        <div class="bottom" layout="row">
                            <span class="time">Applied <span am-time-ago="applicant.applied.date | amUtc | amLocal"></span></span>
                        </div>
                    </div>
                </div>

EDIT: My issue was because I was creating different bags by have a dynamic name for each column. @bevacqua - Why are we not able to drag across bags?