diff options
Diffstat (limited to 'core/src/components/HeaderMenu.vue')
| -rw-r--r-- | core/src/components/HeaderMenu.vue | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/core/src/components/HeaderMenu.vue b/core/src/components/HeaderMenu.vue index 2cc5b79d6dd..9848dc45e38 100644 --- a/core/src/components/HeaderMenu.vue +++ b/core/src/components/HeaderMenu.vue @@ -20,7 +20,7 @@ - --> <template> - <div v-click-outside="closeMenu" :class="{ 'header-menu--opened': opened }" class="header-menu"> + <div v-click-outside="clickOutsideConfig" :class="{ 'header-menu--opened': opened }" class="header-menu"> <a class="header-menu__trigger" href="#" :aria-controls="`header-menu-${id}`" @@ -44,6 +44,7 @@ <script> import { directive as ClickOutside } from 'v-click-outside' import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus' +import excludeClickOutsideClasses from '@nextcloud/vue/dist/Mixins/excludeClickOutsideClasses' export default { name: 'HeaderMenu', @@ -52,6 +53,10 @@ export default { ClickOutside, }, + mixins: [ + excludeClickOutsideClasses, + ], + props: { id: { type: String, @@ -66,6 +71,10 @@ export default { data() { return { opened: this.open, + clickOutsideConfig: { + handler: this.closeMenu, + middleware: this.clickOutsideMiddleware, + }, } }, |