From db56924f67fb6cea29fac7792a365ae03b085c29 Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <mokaddem.sami@gmail.com>
Date: Mon, 8 Jan 2024 09:53:32 +0100
Subject: [PATCH] chg: [layout:sidebar] Improved sidebar behavior when mouse
 enter-leave-enter a parent submenu

---
 webroot/js/main.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/webroot/js/main.js b/webroot/js/main.js
index 7daf5a151..bd94a3ed6 100644
--- a/webroot/js/main.js
+++ b/webroot/js/main.js
@@ -322,16 +322,18 @@ $(document).ready(() => {
         openSaveBookmarkModal(window.location.pathname)
     })
 
-    $('.sidebar .sidebar-link-container.parent').on('mouseenter', function() {
-        const $subContainer = $(this).find('.submenu-container')
-        $subContainer.css({ display: 'block' })
-        $(this).on('mouseleave', function() {
+    $('.sidebar .sidebar-link-container.parent')
+        .on('mouseenter', function() {
+            const $subContainer = $(this).find('.submenu-container')
+            $subContainer.css({ display: 'block' })
+        })
+        .on('mouseleave', function() {
+            const $sidebarLink = $(this)
+            const $subContainer = $sidebarLink.find('.submenu-container')
             delay(function () {
-                if (!$subContainer[0].matches(':hover')) {
+                if (!($subContainer[0].matches(':hover') || $sidebarLink[0].matches(':hover'))) {
                     $subContainer.css({ display: 'none' })
-                    $(this).trigger('mouseenter')
                 }
             }, 150)
         })
-    })
 })