feat: Automatically closes the DropdownContainer when scrolling outsi…

…de of the component (#22287)
apache · Dec 1, 2022 · 8cf5728 · 8cf5728
1 parent 309c064
commit 8cf5728
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/superset-frontend/src/components/DropdownContainer/index.tsx b/superset-frontend/src/components/DropdownContainer/index.tsx
@@ -272,6 +272,16 @@ const DropdownContainer = forwardRef(
       [ref],
     );
 
+    // Closes the popover when scrolling on the document
+    useEffect(() => {
+      document.onscroll = popoverVisible
+        ? () => setPopoverVisible(false)
+        : null;
+      return () => {
+        document.onscroll = null;
+      };
+    }, [popoverVisible]);
+
     return (
       <div
         ref={ref}