From 425f1992c783ab7e759cfb04518e0cbc2cc9efff Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Mon, 12 Dec 2022 19:18:10 +0800
Subject: [PATCH] fixed sidebar scrolling issues

---
 .../Navigation/NavigationMenu/NavigationMenuCliList.tsx    | 7 +++----
 .../Navigation/NavigationMenu/NavigationMenuGuideList.tsx  | 6 +++---
 .../Navigation/NavigationMenu/NavigationMenuRefList.tsx    | 7 +++----
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx
index a0b4c10dc6d..782544c57cd 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx
@@ -87,14 +87,13 @@ const NavigationMenuCliList = ({ currentLevel, setLevel, id }) => {
     <div
       className={[
         'transition-all ml-8 duration-150 ease-out',
-
         // enabled
-        currentLevel === id && 'opacity-100 ml-0 delay-150',
+        currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
+        // move menu back to margin-left
         currentLevel === 'home' && 'ml-12',
-
         // disabled
         currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
-        currentLevel !== id ? 'opacity-0 invisible absolute' : '',
+        currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
       ].join(' ')}
     >
       <div className={'w-full flex flex-col gap-0 sticky top-8'}>
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
index 6a4b1801189..112159c339c 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
@@ -34,12 +34,12 @@ const NavigationMenuGuideList: React.FC<Props> = ({ currentLevel, id, setLevel }
       className={[
         'transition-all ml-8 duration-150 ease-out',
         // enabled
-        currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
-        // move menu back to margin-left
+        currentLevel === id && 'opacity-100 ml-0 delay-150',
         currentLevel === 'home' && 'ml-12',
+
         // disabled
         currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
-        currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
+        currentLevel !== id ? 'opacity-0 invisible absolute' : '',
       ].join(' ')}
     >
       <ul className={['relative w-full flex flex-col gap-0'].join(' ')}>
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx
index fb71df4ddbd..b9cc5359eac 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx
@@ -140,14 +140,13 @@ const NavigationMenuRefList: React.FC<INavigationMenuRefList> = ({
     <div
       className={[
         'transition-all ml-8 duration-150 ease-out',
-
         // enabled
-        currentLevel === id && 'opacity-100 ml-0 delay-150',
+        currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
+        // move menu back to margin-left
         currentLevel === 'home' && 'ml-12',
-
         // disabled
         currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
-        currentLevel !== id ? 'opacity-0 invisible absolute' : '',
+        currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
       ].join(' ')}
     >
       <div className={'w-full flex flex-col gap-0 sticky top-8'}>