fix(reorder-group): synchronize reordering with style update

closes #21182
ionic-team · Jul 21, 2022 · ca606af · ca606af
1 parent ab65e9a
commit ca606af
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 19 deletions.
diff --git a/core/package-lock.json b/core/package-lock.json
diff --git a/core/src/components/reorder-group/reorder-group.tsx b/core/src/components/reorder-group/reorder-group.tsx
@@ -226,13 +226,16 @@ export class ReorderGroup implements ComponentInterface {
         this.el.insertBefore(selectedItemEl, ref);
       }
 
-      if (Array.isArray(listOrReorder)) {
-        listOrReorder = reorderArray(listOrReorder, fromIndex, toIndex);
-      }
-
-      for (let i = 0; i < len; i++) {
-        children[i].style['transform'] = '';
-      }
+      // setTimeout forces the style update to synchronize with the reordering.
+      setTimeout(() => {
+        if (Array.isArray(listOrReorder)) {
+          listOrReorder = reorderArray(listOrReorder, fromIndex, toIndex);
+        }
+
+        for (let i = 0; i < len; i++) {
+          children[i].style['transform'] = '';
+        }
+      });
 
       selectedItemEl.style.transition = '';
       selectedItemEl.classList.remove(ITEM_REORDER_SELECTED);