From d0ead2e74dd7c1da3872ad88a04ac9e9c59de211 Mon Sep 17 00:00:00 2001
From: jqlio18 <jqlio18@gmail.com>
Date: Sun, 18 Dec 2022 22:58:00 -0500
Subject: [PATCH] Fix `HamburgerMenu` not working with `rail SideNav`.

---
 src/UIShell/SideNav.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/UIShell/SideNav.svelte b/src/UIShell/SideNav.svelte
index 125d5521..fe1c3af9 100644
--- a/src/UIShell/SideNav.svelte
+++ b/src/UIShell/SideNav.svelte
@@ -26,6 +26,7 @@
   const dispatch = createEventDispatcher();
 
   let winWidth = undefined;
+  let railIsOpen = false;
 
   $: dispatch(isOpen ? "open" : "close");
 
@@ -50,12 +51,18 @@
   ></div>
 {/if}
 <nav
+  on:mouseenter="{() => {
+    if (rail) railIsOpen = true;
+  }}"
+  on:mouseleave="{() => {
+    if (railIsOpen) railIsOpen = false;
+  }}"
   aria-hidden="{!isOpen}"
   aria-label="{ariaLabel}"
   class:bx--side-nav__navigation="{true}"
   class:bx--side-nav="{true}"
   class:bx--side-nav--ux="{true}"
-  class:bx--side-nav--expanded="{isOpen && !rail}"
+  class:bx--side-nav--expanded="{isOpen || railIsOpen}"
   class:bx--side-nav--collapsed="{!isOpen && !rail}"
   class:bx--side-nav--rail="{rail}"
   {...$$restProps}