Fix PlaylistUploadEntry dialog with dropdown

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';

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>