fix: nav virtualization container

kubeshop · Mar 20, 2023 · 2197737 · 2197737
1 parent 31f33cb
commit 2197737
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/src/components/organisms/NavigatorPane/ResourceNavigator.tsx b/src/components/organisms/NavigatorPane/ResourceNavigator.tsx
@@ -54,9 +54,11 @@ function ResourceNavigator() {
 
   return (
     <ListContainer ref={ref}>
-      <ControlledHeightContainer
+      <div
         style={{
           height: `${rowVirtualizer.getTotalSize()}px`,
+          width: '100%',
+          position: 'relative',
         }}
       >
         {rowVirtualizer.getVirtualItems().map(virtualItem => {
@@ -80,7 +82,7 @@ function ResourceNavigator() {
             </VirtualItem>
           );
         })}
-      </ControlledHeightContainer>
+      </div>
     </ListContainer>
   );
 }
@@ -100,8 +102,3 @@ const ListContainer = styled.ul`
   overflow-y: auto;
   padding: 0 0 12px;
 `;
-
-const ControlledHeightContainer = styled.div`
-  width: '100%';
-  position: 'relative';
-`;