test on autosizer

scality · Mar 18, 2024 · b9e241c · b9e241c
1 parent aa1e276
commit b9e241c
Showing 1 changed file with 35 additions and 33 deletions.
diff --git a/src/lib/components/tablev2/TableCommon.tsx b/src/lib/components/tablev2/TableCommon.tsx
@@ -48,40 +48,42 @@ export const VirtualizedRows = <
   listRef,
   itemKey,
 }: VirtualizedRowsType<DATA_ROW>) => (
-  <AutoSizer>
-    {({ height, width }) => {
-      return (
-        <List
-          height={height}
-          itemCount={rows.length} // how many items we are going to render
-          itemSize={convertRemToPixels(tableRowHeight[rowHeight])} // height of each row in pixel
-          width={width}
-          itemKey={itemKey}
-          itemData={rows}
-          ref={listRef}
-          onItemsRendered={({
-            visibleStartIndex,
-            visibleStopIndex,
-            overscanStopIndex,
-          }) => {
-            setHasScrollbar(
-              visibleStopIndex - visibleStartIndex < overscanStopIndex,
-            );
+  <div style={{ flex: '1 1 auto' }}>
+    <AutoSizer>
+      {({ height, width }) => {
+        return (
+          <List
+            height={height}
+            itemCount={rows.length} // how many items we are going to render
+            itemSize={convertRemToPixels(tableRowHeight[rowHeight])} // height of each row in pixel
+            width={width}
+            itemKey={itemKey}
+            itemData={rows}
+            ref={listRef}
+            onItemsRendered={({
+              visibleStartIndex,
+              visibleStopIndex,
+              overscanStopIndex,
+            }) => {
+              setHasScrollbar(
+                visibleStopIndex - visibleStartIndex < overscanStopIndex,
+              );
 
-            if (
-              onBottom &&
-              onBottomOffset != null &&
-              overscanStopIndex >= rows.length - 1 - onBottomOffset
-            ) {
-              onBottom(rows.length);
-            }
-          }}
-        >
-          {RenderRow}
-        </List>
-      );
-    }}
-  </AutoSizer>
+              if (
+                onBottom &&
+                onBottomOffset != null &&
+                overscanStopIndex >= rows.length - 1 - onBottomOffset
+              ) {
+                onBottom(rows.length);
+              }
+            }}
+          >
+            {RenderRow}
+          </List>
+        );
+      }}
+    </AutoSizer>
+  </div>
 );
 
 export const useTableScrollbar = () => {