fix: adjust all-filters height after element bounds update (DataBiosp…

…here/data-browser#3847) (#556)
clevercanary · Jan 10, 2024 · d8922a4 · d8922a4
1 parent b114ba4
commit d8922a4
Showing 1 changed file with 19 additions and 17 deletions.
diff --git a/...nents/Filter/components/SearchAllFilters/components/VariableSizeList/VariableSizeList.tsx b/...nents/Filter/components/SearchAllFilters/components/VariableSizeList/VariableSizeList.tsx
@@ -189,23 +189,25 @@ export const VariableSizeList = forwardRef<
           return itemSizeByItemKey.get(item.key) || itemSize;
         }}
         onItemsRendered={(): void => {
-          if (
-            resizeRequired &&
-            innerRef.current?.childElementCount &&
-            outerRef.current
-          ) {
-            // Set height of list.
-            resizeRequired = false;
-            setHeight(
-              calculateListHeight(
-                outerRef.current,
-                innerRef.current,
-                windowHeight,
-                desktopSmDown
-              )
-            );
-          }
-          listRef.current?.resetAfterIndex(0); // Facilitates correct positioning of list items when list scrolls.
+          requestAnimationFrame(() => {
+            if (
+              resizeRequired &&
+              innerRef.current?.childElementCount &&
+              outerRef.current
+            ) {
+              // Set height of list.
+              resizeRequired = false;
+              setHeight(
+                calculateListHeight(
+                  outerRef.current,
+                  innerRef.current,
+                  windowHeight,
+                  desktopSmDown
+                )
+              );
+            }
+            listRef.current?.resetAfterIndex(0); // Facilitates correct positioning of list items when list scrolls.
+          });
         }}
         outerElementType={OuterElement}
         outerRef={outerRef}