fix(reorder): canceled reorder is animated smoothly back

references #7142
ionic-team · Jul 2, 2016 · 8483a43 · 8483a43
1 parent f1433c6
commit 8483a43
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/item/item-reorder-gesture.ts b/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);
   }
 

diff --git a/src/components/item/item-reorder.scss b/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;