scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-06 03:46:39 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix nested general dropdown [SCI-12250]

Browse source
This commit is contained in:
Anton 2025-08-14 11:09:41 +02:00
parent 0a2a1a6d69
commit dc4e4bcae8
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/javascript/vue/shared/general_dropdown.vue
View file

@ -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;
}
}