final tweaks

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/listViewComp/listView.tsx

@@ -22,9 +22,8 @@ import { useMergeCompStyles } from "@lowcoder-ee/util/hooks";
 import { childrenToProps } from "@lowcoder-ee/comps/generators/multi";
 import { AnimationStyleType } from "@lowcoder-ee/comps/controls/styleControlConstants";
 
-const ListViewWrapper = styled.div<{ $style: any; $paddingWidth: string,$animationStyle:AnimationStyleType, $autoHeight: boolean }>`
+const ListViewWrapper = styled.div<{ $style: any; $paddingWidth: string,$animationStyle:AnimationStyleType }>`
   height: 100%;
-  overflow: ${(props) => (!props.$autoHeight ? "scroll" : "hidden")};
   border: 1px solid ${(props) => props.$style.border};
   border-radius: ${(props) => props.$style.radius};
   padding: 3px ${(props) => props.$paddingWidth};
@@ -42,7 +41,8 @@ const FooterWrapper = styled.div`
 `;
 
 const BodyWrapper = styled.div<{ $autoHeight: boolean }>`
-  height: ${(props) => (props.$autoHeight ? "100%" : "calc(100% - 32px)")};
+  overflow: ${(props) => (!props.$autoHeight ? "auto" : "hidden")}; 
+  height: ${(props) => (props.$autoHeight ? "auto" : "calc(100% - 32px)")};
 `;
 
 const FlexWrapper = styled.div` 
@@ -60,7 +60,6 @@ const ListOrientationWrapper = styled.div<{
   height: ${(props) => (props.$autoHeight ? "auto" : "100%")};
   display: flex;
   flex-direction: ${(props) => (props.$isHorizontal ? "row" : "column")};
-  height: 100%;
 `;
 
 type MinHorizontalWidthContextType = {
@@ -292,7 +291,7 @@ export function ListView(props: Props) {
   // log.debug("renders: ", renders);
   return (
     <BackgroundColorContext.Provider value={style.background}>
-      <ListViewWrapper $style={style} $paddingWidth={paddingWidth} $animationStyle={animationStyle} $autoHeight={autoHeight}>
+      <ListViewWrapper $style={style} $paddingWidth={paddingWidth} $animationStyle={animationStyle}>
         <BodyWrapper ref={ref} $autoHeight={autoHeight}>
           <ScrollBar style={{ height: autoHeight ? "auto" : "100%", margin: "0px", padding: "0px" }} hideScrollbar={horizontal ? !showHorizontalScrollbar : !showVerticalScrollbar} overflow={autoHeight ? horizontal ? 'scroll' : 'hidden' : 'scroll'}>
             <ReactResizeDetector