From dc4e4bcae847e582bf49798bb1b3dc0ba458525c Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Thu, 14 Aug 2025 11:09:41 +0200
Subject: [PATCH] Fix nested general dropdown [SCI-12250]

---
 app/javascript/vue/shared/general_dropdown.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/shared/general_dropdown.vue b/app/javascript/vue/shared/general_dropdown.vue
index 1e40ba43b..bb12c9b21 100644
--- a/app/javascript/vue/shared/general_dropdown.vue
+++ b/app/javascript/vue/shared/general_dropdown.vue
@@ -6,6 +6,7 @@
     <template v-if="isOpen">
       <teleport to="body">
         <div @click="closeOnClick && closeMenu()" ref="flyout"
+            :id="randomId"
             class="sn-dropdown fixed z-[3000] bg-sn-white inline-block
                   rounded p-2.5 sn-shadow-menu-sm"
             :class="{
@@ -42,7 +43,8 @@ export default {
   },
   data() {
     return {
-      isOpen: false
+      isOpen: false,
+      randomId: `dropdown-${Math.random().toString(36).substring(2, 15)}`,
     };
   },
   directives: {
@@ -70,7 +72,7 @@ export default {
       }
     },
     closeMenu(e) {
-      if (e && e.target.closest('.sn-dropdown, .sn-select-dropdown, .sn-menu-dropdown, .dp__instance_calendar')) return;
+      if (e && e.target.closest(`.sn-dropdown#${this.randomId}, .sn-select-dropdown, .sn-menu-dropdown, .dp__instance_calendar`)) return;
       this.isOpen = false;
     }
   }