fix: multi select scroll (#43)

nezhahq · Dec 9, 2024 · baf611e · baf611e
1 parent c01a48c
commit baf611e
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/xui/multi-select.tsx b/src/components/xui/multi-select.tsx
@@ -212,6 +212,14 @@ export const MultiSelect = React.forwardRef<
       }
     };
 
+    const stopWheelEventPropagation: React.WheelEventHandler = (e) => {
+      e.stopPropagation();
+    };
+
+    const stopTouchMoveEventPropagation: React.TouchEventHandler = (e) => {
+      e.stopPropagation();
+    };
+
     return (
       <Popover
         open={isPopoverOpen}
@@ -306,6 +314,8 @@ export const MultiSelect = React.forwardRef<
           className="w-auto p-0"
           align="start"
           onEscapeKeyDown={() => setIsPopoverOpen(false)}
+          onWheel={stopWheelEventPropagation}
+          onTouchMove={stopTouchMoveEventPropagation}
         >
           <Command>
             <CommandInput