fix(reorder): canceled reorder is animated smoothly back

references #7142

Author: manucorporat

src/components/item/item-reorder-gesture.ts

@@ -113,8 +113,18 @@ export class ItemReorderGesture {
 
     let toIndex = this.lastToIndex;
     let fromIndex = indexForItem(this.selectedItemEle);
-    this.selectedItemEle.classList.remove(ITEM_REORDER_ACTIVE);
-    this.selectedItemEle = null;
+    let reorderInactive = () => {
+      this.selectedItemEle.style.transition = '';
+      this.selectedItemEle.classList.remove(ITEM_REORDER_ACTIVE);
+      this.selectedItemEle = null;
+    };
+
+    if (toIndex === fromIndex) {
+      this.selectedItemEle.style.transition = 'transform 200ms ease-in-out';
+      setTimeout(reorderInactive, 200);
+    } else {
+      reorderInactive();
+    }
     this.list.reorderEmit(fromIndex, toIndex);
   }
 

src/components/item/item-reorder.scss

@@ -49,7 +49,7 @@ ion-reorder {
 .reorder-active {
   z-index: 4;
 
-  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
+  box-shadow: 0 0 10px rgba(0, 0, 0, .4);
   opacity: .8;
   transition: none;