From 327aff6208f205e30b6a5832e91f6e1140e4e533 Mon Sep 17 00:00:00 2001
From: bivashy <me@bivashy.dev>
Date: Tue, 13 Jan 2026 22:32:56 +0500
Subject: [PATCH] Fix `PlaylistUploadEntry` dialog with dropdown

---
 .../uploadentry/PlaylistUploadEntry.vue       |  6 +++++-
 .../ui/dropdown-menu/DropdownMenuTrigger.vue  | 19 ++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/app/components/internal/import/uploadentry/PlaylistUploadEntry.vue b/app/components/internal/import/uploadentry/PlaylistUploadEntry.vue
index 0d3249c..ab7499a 100644
--- a/app/components/internal/import/uploadentry/PlaylistUploadEntry.vue
+++ b/app/components/internal/import/uploadentry/PlaylistUploadEntry.vue
@@ -30,7 +30,7 @@
         </div>
         <div>
             <DropdownMenu>
-                <DropdownMenuTrigger as-child>
+                <DropdownMenuTrigger as-child @trigger-click="handleTriggerClick">
                     <Button variant="ghost">
                         <EllipsisVertical :size="40" />
                     </Button>
@@ -161,6 +161,10 @@ const toggleDialog = (value: boolean) => {
     isDialogOpen.value = value;
 }
 
+const handleTriggerClick = (event: MouseEvent) => {
+    event.stopPropagation();
+};
+
 const getStatusColor = () => {
     if (hasError) return 'bg-destructive';
     if (props.status === 'FINISHED') return 'bg-green-500';
diff --git a/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
index 75cd747..231626e 100644
--- a/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
+++ b/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
@@ -2,16 +2,21 @@
 import type { DropdownMenuTriggerProps } from "reka-ui"
 import { DropdownMenuTrigger, useForwardProps } from "reka-ui"
 
-const props = defineProps<DropdownMenuTriggerProps>()
+const props = defineProps<DropdownMenuTriggerProps & {
+    onTriggerClick?: (event: MouseEvent) => void
+}>()
 
 const forwardedProps = useForwardProps(props)
+
+const handleClick = (event: MouseEvent) => {
+    if (props.onTriggerClick) {
+        props.onTriggerClick(event)
+    }
+}
 </script>
 
 <template>
-  <DropdownMenuTrigger
-    data-slot="dropdown-menu-trigger"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </DropdownMenuTrigger>
+    <DropdownMenuTrigger data-slot="dropdown-menu-trigger" v-bind="forwardedProps" @click="handleClick">
+        <slot />
+    </DropdownMenuTrigger>
 </template>