From 3ca1d435b543965bf1bcabe8487a2c7fc0e047a6 Mon Sep 17 00:00:00 2001
From: Sandro <16229645+rothsandro@users.noreply.github.com>
Date: Thu, 29 Feb 2024 04:51:26 +0100
Subject: [PATCH] fix(website): hide menu overlay properly (#2426)

---
 website/src/components/menu.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/website/src/components/menu.js b/website/src/components/menu.js
index 9449fa0ef2..14a95fa7c7 100644
--- a/website/src/components/menu.js
+++ b/website/src/components/menu.js
@@ -46,10 +46,8 @@ export const Menu = () => {
       </div>
       <div
         className={cx(
-          isMenuOpen
-            ? 'pointer-events-auto opacity-100 lg:pointer-events-none lg:opacity-0'
-            : 'pointer-events-none opacity-0',
-          'fixed inset-0 z-50 flex max-h-screen items-end bg-black/75 p-4 transition duration-300 ease-in-out sm:p-6',
+          isMenuOpen ? 'opacity-100 visible lg:invisible lg:opacity-0' : 'opacity-0 invisible',
+          'fixed inset-0 z-50 flex max-h-screen items-end bg-black/75 p-4 transition-[opacity,visibility] duration-300 ease-in-out sm:p-6',
         )}
       >
         <div className="max-h-full w-full overflow-y-scroll !overscroll-none rounded-lg border border-gray-300 bg-white p-8 shadow-2xl dark:border-gray-800 dark:bg-gray-950 dark:!shadow-none">