fix: select options on scroll

RocketChat · Feb 4, 2024 · 845a738 · 845a738
1 parent dec9be9
commit 845a738
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/fuselage/src/components/MultiSelect/MultiSelect.tsx b/packages/fuselage/src/components/MultiSelect/MultiSelect.tsx
@@ -149,6 +149,20 @@ export const MultiSelect = forwardRef(
       return show();
     });
 
+    useEffect(() => {
+      const handleWheel = (e: any) => {
+        if (visible === AnimatedVisibility.VISIBLE) {
+          e.preventDefault();
+        }
+      };
+
+      document.addEventListener('wheel', handleWheel, { passive: false });
+
+      return () => {
+        document.removeEventListener('wheel', handleWheel);
+      };
+    }, [visible]);
+
     return (
       <Box
         is='div'