fix: propagation issue

apps/web/modules/ee/analysis/charts/components/chart-dropdown-menu.tsx

@@ -22,9 +22,15 @@ interface ChartDropdownMenuProps {
   environmentId: string;
   chart: TChartWithCreator;
   onEdit?: (chartId: string) => void;
+  onInteractionStart?: () => void;
 }
 
-export const ChartDropdownMenu = ({ environmentId, chart, onEdit }: Readonly<ChartDropdownMenuProps>) => {
+export const ChartDropdownMenu = ({
+  environmentId,
+  chart,
+  onEdit,
+  onInteractionStart,
+}: Readonly<ChartDropdownMenuProps>) => {
   const { t } = useTranslation();
   const router = useRouter();
   const [isDeleteDialogOpen, setDeleteDialogOpen] = useState(false);
@@ -54,6 +60,7 @@ export const ChartDropdownMenu = ({ environmentId, chart, onEdit }: Readonly<Cha
   };
 
   const handleDuplicateChart = async () => {
+    onInteractionStart?.();
     closeDropdown();
     setLoading(true);
     try {
@@ -74,11 +81,13 @@ export const ChartDropdownMenu = ({ environmentId, chart, onEdit }: Readonly<Cha
   };
 
   const handleEdit = () => {
+    onInteractionStart?.();
     closeDropdown();
     setTimeout(() => onEdit?.(chart.id), 0);
   };
 
   const handleOpenDeleteDialog = () => {
+    onInteractionStart?.();
     closeDropdown();
     setTimeout(() => setDeleteDialogOpen(true), 0);
   };

apps/web/modules/ee/analysis/charts/components/charts-list.tsx

@@ -93,7 +93,9 @@ export function ChartsList({ charts, environmentId }: Readonly<ChartsListProps>)
                   }).replace("about", "")}
                 </div>
               </div>
-              <div className="col-span-1 my-auto flex items-center justify-end pr-6">
+              <div
+                className="col-span-1 my-auto flex items-center justify-end pr-6"
+                onClick={(e) => e.stopPropagation()}>
                 <ChartDropdownMenu
                   environmentId={environmentId}
                   chart={chart}