From d157579a2dcbc86664f593b68b82367be3c942b1 Mon Sep 17 00:00:00 2001
From: Kelani Tolulope <kelanik8@gmail.com>
Date: Thu, 29 Aug 2024 10:23:08 +0100
Subject: [PATCH] Fix for the glitch affecting page blocks after a move

---
 .../compose/src/components/Common/Grid.vue    | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/client/web/compose/src/components/Common/Grid.vue b/client/web/compose/src/components/Common/Grid.vue
index 7735e92bf5..7cfadf85cb 100644
--- a/client/web/compose/src/components/Common/Grid.vue
+++ b/client/web/compose/src/components/Common/Grid.vue
@@ -40,8 +40,6 @@
           style="touch-action: none;"
           @move="onGridAction"
           @resize="onGridAction"
-          @moved="onBlockUpdated(index)"
-          @resized="onBlockUpdated(index)"
         >
           <slot
             :block="blocks[item.i]"
@@ -142,15 +140,18 @@ export default {
   },
 
   methods: {
-    onBlockUpdated (index) {
-      this.$emit('item-updated', index)
-
-      const { x, y, w, h } = this.layout[index]
-      this.blocks[index].xywh = [x, y, w, h]
-    },
-
     onLayoutUpdated () {
       this.resizing = false
+
+      this.blocks.forEach(({ xywh = [] }, idx) => {
+        const { x, y, w, h } = this.layout[idx]
+        const layoutXYWH = [x, y, w, h]
+
+        if (xywh.toString() === layoutXYWH.toString()) return
+
+        this.$emit('item-updated', idx)
+        this.blocks[idx].xywh = layoutXYWH
+      })
     },
 
     onGridAction () {