angularjs - angular-drag-and-drop-lists drop zone won't work if the dnd-list is an empty array -

in scenario drop zone empty, created empty array dnd-list. noticed angular-drag-and-drop-lists not working - dragover , drop callback not called either.

i created plunker demo this:

http://plnkr.co/edit/umoa2bk1ub8gjval6uab?p=preview

it won't work until open scripts.js , change array contain (e.g. empty object). intended behavior, or defect?

// won't work $scope.selectedproducts = []; // following line works // $scope.selectedproducts = [{}]; 

i posted github , got answer there. need make sure both height , width of dropzone bigger 0.

i updated css in plunker accordingly , made work.

/* newly added make sure empty dropzone available drop */ ul {   height: 36px; }