From fd51e4226e524b59d89ea7c9f08ee5482d84e488 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 7 Sep 2023 14:49:11 +0300
Subject: [PATCH] Fixed #4405 - Menubar - clicking outside of submenu should
 hide it

---
 components/lib/menubar/Menubar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/lib/menubar/Menubar.vue b/components/lib/menubar/Menubar.vue
index 7ccbf17da..d5fa3f6ce 100755
--- a/components/lib/menubar/Menubar.vue
+++ b/components/lib/menubar/Menubar.vue
@@ -423,8 +423,8 @@ export default {
         bindOutsideClickListener() {
             if (!this.outsideClickListener) {
                 this.outsideClickListener = (event) => {
-                    const isOutsideContainer = this.menubar !== event.target && !this.menubar.contains(event.target);
-                    const isOutsideMenuButton = this.mobileActive && this.$refs.menubutton !== event.target && !this.$refs.menubutton.contains(event.target);
+                    const isOutsideContainer = this.menubar && !this.menubar.contains(event.target);
+                    const isOutsideMenuButton = this.mobileActive && this.$refs.menubutton ? this.$refs.menubutton !== event.target && !this.$refs.menubutton.contains(event.target) : true;
 
                     if (isOutsideMenuButton && isOutsideContainer) {
                         this.hide();