Merge pull request #941 from MenamAfzal/fix/padding-issue-on-container

Fix/padding issue on container

Author: raheeliftikhar5

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",
       },

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

@@ -199,18 +199,22 @@ 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,
     MozTransform: translate,
     msTransform: translate,
     OTransform: translate,
     width: `${width}px`,
-    height: `${height}px`,
-    position: "absolute",
+    height: name ?containsChart(name)?`${height}px`:'auto':`${height}px`,
+    position: 'absolute',
   };
 }