From 8a939b213f1b00838340a4f0e9d148ed9b4c1e42 Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Mon, 6 Apr 2026 15:49:37 +0300
Subject: [PATCH 1/2] fix: improve click handling for injected components in
 ThreeDotsMenu

---
 adminforth/spa/src/components/ThreeDotsMenu.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/adminforth/spa/src/components/ThreeDotsMenu.vue b/adminforth/spa/src/components/ThreeDotsMenu.vue
index b0fd14c0..76f7000b 100644
--- a/adminforth/spa/src/components/ThreeDotsMenu.vue
+++ b/adminforth/spa/src/components/ThreeDotsMenu.vue
@@ -174,8 +174,12 @@ function startBulkAction(actionId: string) {
 
 async function injectedComponentClick(index: number) {
   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;
 }

From 8ecde1718e3de4254dc05c91b9e0204dcaeba02d Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Wed, 8 Apr 2026 09:40:55 +0300
Subject: [PATCH 2/2] fix: improve click handling for injected components in
 ThreeDotsMenu

---
 adminforth/spa/src/components/ThreeDotsMenu.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/adminforth/spa/src/components/ThreeDotsMenu.vue b/adminforth/spa/src/components/ThreeDotsMenu.vue
index 76f7000b..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,7 +172,9 @@ 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) {
     if (typeof (componentRef as any).click === 'function') {