diff options
Diffstat (limited to 'core/src/components/HeaderMenu.vue')
| -rw-r--r-- | core/src/components/HeaderMenu.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/core/src/components/HeaderMenu.vue b/core/src/components/HeaderMenu.vue index a2c19194b45..096294e3799 100644 --- a/core/src/components/HeaderMenu.vue +++ b/core/src/components/HeaderMenu.vue @@ -36,7 +36,8 @@ <div v-show="opened" :id="`header-menu-${id}`" class="header-menu__wrapper" - role="menu"> + role="menu" + @focusout="handleFocusOut"> <div class="header-menu__content"> <slot /> </div> @@ -161,6 +162,12 @@ export default { this.$emit('update:open', false) } }, + + handleFocusOut(event) { + if (!event.currentTarget.contains(event.relatedTarget)) { + this.closeMenu() + } + }, }, } </script> |