#184 Add open/close timeout to improve performance

Headstorm · Aug 12, 2021 · 2c9c7a0 · 2c9c7a0
1 parent 11e7cd4
commit 2c9c7a0
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
@@ -365,18 +365,20 @@ const Dropdown = ({
 
     setIsOpen(true);
 
-    const optionsContainer = optionsContainerInternalRef.current;
-    if (optionsContainer) {
-      if (isVirtual) {
-        const virtuosoContainer = optionsContainer.firstElementChild;
-        const virtuosoScroller = virtuosoContainer?.firstElementChild;
-        if (virtuosoScroller && virtuosoScroller.clientHeight < optionsContainer.clientHeight) {
-          setIsOverflowing(false);
+    window.setTimeout(() => {
+      const optionsContainer = optionsContainerInternalRef.current;
+      if (optionsContainer) {
+        if (isVirtual) {
+          const virtuosoContainer = optionsContainer.firstElementChild;
+          const virtuosoScroller = virtuosoContainer?.firstElementChild;
+          if (virtuosoScroller && virtuosoScroller.clientHeight < optionsContainer.clientHeight) {
+            setIsOverflowing(false);
+          }
+        } else if (optionsContainer.scrollHeight > optionsContainer.clientHeight) {
+          setIsOverflowing(true);
         }
-      } else if (optionsContainer.scrollHeight > optionsContainer.clientHeight) {
-        setIsOverflowing(true);
       }
-    }
+    }, 0);
 
     if (onFocus) {
       onFocus();