From e0f575852be6549a441b5e989bd5c9ba3302df61 Mon Sep 17 00:00:00 2001
From: Uday Sagar <udaysagar.mail@gmail.com>
Date: Sun, 7 Apr 2024 02:33:23 +0530
Subject: [PATCH] fixed unusual behaviour of dropdown

---
 src/Components/Form/MultiSelectMenuV2.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Components/Form/MultiSelectMenuV2.tsx b/src/Components/Form/MultiSelectMenuV2.tsx
index 167a62b7d2b..0ed798fffe1 100644
--- a/src/Components/Form/MultiSelectMenuV2.tsx
+++ b/src/Components/Form/MultiSelectMenuV2.tsx
@@ -108,7 +108,8 @@ const MultiSelectMenuV2 = <T, V>(props: Props<T, V>) => {
                             <MultiSelectOptionChip
                               key={index}
                               label={option.selectedLabel}
-                              onRemove={() => {
+                              onRemove={(e) => {
+                                e.stopPropagation();
                                 const updatedOptions = selectedOptions.filter(
                                   (selectedOption) =>
                                     selectedOption.value !== option.value
@@ -177,7 +178,7 @@ export default MultiSelectMenuV2;
 
 interface MultiSelectOptionChipProps {
   label: ReactNode;
-  onRemove?: () => void;
+  onRemove?: (e: any) => void;
 }
 
 export const MultiSelectOptionChip = (props: MultiSelectOptionChipProps) => {