From 46e5e41f0f502a34d03c3a815e25bac1967fe077 Mon Sep 17 00:00:00 2001
From: Johnson Cherian <johnsonc.dev@gmail.com>
Date: Wed, 17 Jan 2024 01:06:43 +0530
Subject: [PATCH] fix: filter child widgets from autolayout calc

---
 frontend/src/Editor/Container.jsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/Editor/Container.jsx b/frontend/src/Editor/Container.jsx
index cc80b84220..d88fdde7a5 100644
--- a/frontend/src/Editor/Container.jsx
+++ b/frontend/src/Editor/Container.jsx
@@ -106,20 +106,24 @@ export const Container = ({
 
   useEffect(() => {
     if (currentLayout === 'mobile' && appDefinition.pages[currentPageId]?.autoComputeLayout) {
-      const mobLayouts = Object.keys(boxes).map((key) => {
-        return { ...cloneDeep(boxes[key]?.layouts?.desktop), i: key };
-      });
+      const mobLayouts = Object.keys(boxes)
+        .filter((key) => !boxes[key]?.component?.parent)
+        .map((key) => {
+          return { ...cloneDeep(boxes[key]?.layouts?.desktop), i: key };
+        });
       const updatedBoxes = cloneDeep(boxes);
       let newmMobLayouts = correctBounds(mobLayouts, { cols: 43 });
       newmMobLayouts = compact(newmMobLayouts, 'vertical', 43);
       Object.keys(boxes).forEach((id) => {
         const mobLayout = newmMobLayouts.find((layout) => layout.i === id);
-        updatedBoxes[id].layouts.mobile = {
-          left: mobLayout.left,
-          height: mobLayout.height,
-          top: mobLayout.top,
-          width: mobLayout.width,
-        };
+        updatedBoxes[id].layouts.mobile = mobLayout
+          ? {
+              left: mobLayout.left,
+              height: mobLayout.height,
+              top: mobLayout.top,
+              width: mobLayout.width,
+            }
+          : updatedBoxes[id].layouts.desktop;
       });
       setBoxes({ ...updatedBoxes });
       // console.log('currentLayout', data);