From 6a3aa57fe28cf7c4ce61d11d0b478d9ebe37d342 Mon Sep 17 00:00:00 2001
From: MeenamAfzal <meenamafzal1@gmail.com>
Date: Thu, 6 Jun 2024 21:55:30 +0500
Subject: [PATCH 1/2] auto height

---
 client/packages/lowcoder/src/layout/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/packages/lowcoder/src/layout/utils.ts b/client/packages/lowcoder/src/layout/utils.ts
index 22ae8525e..107cc455c 100644
--- a/client/packages/lowcoder/src/layout/utils.ts
+++ b/client/packages/lowcoder/src/layout/utils.ts
@@ -209,7 +209,7 @@ export function setTransform({ top, left, width, height }: Position): Record<str
     msTransform: translate,
     OTransform: translate,
     width: `${width}px`,
-    height: `${height}px`,
+    height: `auto`,
     position: "absolute",
   };
 }

From d495133a4dcdee3c6cf88ac241a345ab74028a9d Mon Sep 17 00:00:00 2001
From: MeenamAfzal <meenamafzal1@gmail.com>
Date: Sat, 8 Jun 2024 02:34:12 +0500
Subject: [PATCH 2/2] height calculated on name

---
 client/packages/lowcoder/src/layout/gridItem.tsx |  2 +-
 client/packages/lowcoder/src/layout/utils.ts     | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/packages/lowcoder/src/layout/gridItem.tsx b/client/packages/lowcoder/src/layout/gridItem.tsx
index e0a3b41ed..8c22d2e53 100644
--- a/client/packages/lowcoder/src/layout/gridItem.tsx
+++ b/client/packages/lowcoder/src/layout/gridItem.tsx
@@ -441,7 +441,7 @@ export function GridItem(props: GridItemProps) {
         cssTransforms: true,
       }),
       style: {
-        ...setTransform(pos),
+        ...setTransform(pos,props.name),
         opacity: layoutHide ? 0 : undefined,
         pointerEvents: layoutHide ? "none" : "auto",
       },
diff --git a/client/packages/lowcoder/src/layout/utils.ts b/client/packages/lowcoder/src/layout/utils.ts
index 107cc455c..b8b200920 100644
--- a/client/packages/lowcoder/src/layout/utils.ts
+++ b/client/packages/lowcoder/src/layout/utils.ts
@@ -199,9 +199,13 @@ export function getStatics(layout: Layout): Layout {
   return _.pickBy(layout, (l) => l.static);
 }
 
-export function setTransform({ top, left, width, height }: Position): Record<string, any> {
+export function setTransform({ top, left, width, height }: Position,name?:string): Record<string, any> {
   // Replace unitless items with px
   const translate = `translate(${left}px,${top}px)`;
+  function containsChart(str:string) {
+    return /chart/i.test(str);
+  }
+
   return {
     transform: translate,
     WebkitTransform: translate,
@@ -209,8 +213,8 @@ export function setTransform({ top, left, width, height }: Position): Record<str
     msTransform: translate,
     OTransform: translate,
     width: `${width}px`,
-    height: `auto`,
-    position: "absolute",
+    height: name ?containsChart(name)?`${height}px`:'auto':`${height}px`,
+    position: 'absolute',
   };
 }