update comp height calculation on auto/fixed height

Author: raheeliftikhar5

client/packages/lowcoder/src/layout/gridItem.tsx

@@ -441,7 +441,7 @@ export function GridItem(props: GridItemProps) {
         cssTransforms: true,
       }),
       style: {
-        ...setTransform(pos,props.name),
+        ...setTransform(pos, props.name, props.autoHeight),
         opacity: layoutHide ? 0 : undefined,
         pointerEvents: layoutHide ? "none" : "auto",
       },

client/packages/lowcoder/src/layout/utils.ts

@@ -199,12 +199,21 @@ export function getStatics(layout: Layout): Layout {
   return _.pickBy(layout, (l) => l.static);
 }
 
-export function setTransform({ top, left, width, height }: Position,name?:string): Record<string, any> {
+export function setTransform(
+  {top, left, width, height }: Position,
+  name ?: string,
+  autoHeight?: boolean,
+): Record<string, any> {
   // Replace unitless items with px
   const translate = `translate(${left}px,${top}px)`;
   function containsChart(str:string) {
     return /chart/i.test(str);
   }
+  
+  let updatedHeight = 'auto';
+  if (!autoHeight || (name && containsChart(name))) {
+    updatedHeight = `${height}px`;
+  }
 
   return {
     transform: translate,
@@ -213,7 +222,7 @@ export function setTransform({ top, left, width, height }: Position,name?:string
     msTransform: translate,
     OTransform: translate,
     width: `${width}px`,
-    height: name ?containsChart(name)?`${height}px`:'auto':`${height}px`,
+    height: updatedHeight,
     position: 'absolute',
   };
 }