[DSC-1603] Fix issue on drag end

Author: atarix83

src/app/shared/form/chips/chips.component.html

@@ -20,7 +20,7 @@
         <a class="flex-sm-fill text-sm-center nav-link active bg-info"
            cdkDrag
            (cdkDragStarted)="onDrag(i)"
-           href="javascript:void(0);"
+           href="#"
            [class.disabled]="!clickable || (editable && c.editMode) || dragged == i  "
            [class.chip-selected]="(editable && c.editMode) || dragged == i"
            (click)="chipsSelected($event, i);">

src/app/shared/form/chips/chips.component.scss

@@ -1,14 +1,8 @@
-//.example-custom-placeholder {
-  //background: #ccc;
-  //border: none;
-  //min-height: 30px;
-  //border: 2px solid red;
-//}
-
 .cdk-drag-placeholder {
   filter: grayscale(100%);
   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 }
+
 .cdk-drag-preview {
   color: white;
   box-sizing: border-box;
@@ -17,11 +11,6 @@
   0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
-//.example-drag-preview.nav-item {
-//  margin-right: 2px;
-//  margin-bottom: 1px;
-//}
-
 .chip-stacked-icons {
   display: inline-block;
   position: relative;

src/app/shared/form/chips/chips.component.ts

@@ -85,6 +85,7 @@ export class ChipsComponent implements OnChanges {
 
   onDrop(event: CdkDragDrop<ChipsItem[]>) {
     moveItemInArray(this.chips.chipsItems.getValue(), event.previousIndex, event.currentIndex);
+    this.dragged = -1;
     this.chips.updateOrder();
     this.isDragging.next(false);
   }