diff --git a/adminforth/spa/src/components/ThreeDotsMenu.vue b/adminforth/spa/src/components/ThreeDotsMenu.vue
index b0fd14c0..a8b2f1f3 100644
--- a/adminforth/spa/src/components/ThreeDotsMenu.vue
+++ b/adminforth/spa/src/components/ThreeDotsMenu.vue
@@ -28,7 +28,7 @@
                 'opacity-50': checkboxes && checkboxes.length === 0 && item.meta?.disabledWhenNoCheckboxes,
                 'cursor-not-allowed': checkboxes && checkboxes.length === 0 && item.meta?.disabledWhenNoCheckboxes,
               }"
-              @click="injectedComponentClick(i)"
+              @click="injectedComponentClick($event, i)"
             >
               <div class="wrapper" v-if="getCustomComponent(item)">
                 <component 
@@ -172,10 +172,16 @@ function startBulkAction(actionId: string) {
   showDropdown.value = false;
 }
 
-async function injectedComponentClick(index: number) {
+function injectedComponentClick(e: MouseEvent, index: number) {
+  if (!e.isTrusted) return;
+
   const componentRef = threeDotsDropdownItemsRefs.value[index];
-  if (componentRef && 'click' in componentRef) {
-    (componentRef as any).click?.();
+  if (componentRef) {
+    if (typeof (componentRef as any).click === 'function') {
+      (componentRef as any).click();
+    } else if (componentRef.$el && typeof componentRef.$el.click === 'function') {
+      componentRef.$el.click();
+    }
   }
   showDropdown.value = false;
 }