From 2763c18d6f9df3618223c358d219aed6405bdc25 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sat, 4 Jan 2025 17:13:53 +0100
Subject: [PATCH] Fix dropdown close overlay not working on Windows/Linux
 (#101)

---
 apps/readest-app/src/components/Dropdown.tsx      | 4 ++--
 apps/readest-app/src/components/WindowButtons.tsx | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/readest-app/src/components/Dropdown.tsx b/apps/readest-app/src/components/Dropdown.tsx
index 2d10a57e..bda31aa3 100644
--- a/apps/readest-app/src/components/Dropdown.tsx
+++ b/apps/readest-app/src/components/Dropdown.tsx
@@ -34,7 +34,7 @@ const Dropdown: React.FC<DropdownProps> = ({
     : children;
 
   return (
-    <>
+    <div className='dropdown-container'>
       {isOpen && (
         <div className='fixed inset-0 bg-transparent' onClick={() => setIsDropdownOpen(false)} />
       )}
@@ -48,7 +48,7 @@ const Dropdown: React.FC<DropdownProps> = ({
         </div>
         {isOpen && childrenWithToggle}
       </div>
-    </>
+    </div>
   );
 };
 
diff --git a/apps/readest-app/src/components/WindowButtons.tsx b/apps/readest-app/src/components/WindowButtons.tsx
index ecd568f4..90327971 100644
--- a/apps/readest-app/src/components/WindowButtons.tsx
+++ b/apps/readest-app/src/components/WindowButtons.tsx
@@ -53,6 +53,7 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
     if (
       target.closest('.btn') ||
       target.closest('.window-button') ||
+      target.closest('.dropdown-container') ||
       target.closest('.exclude-title-bar-mousedown')
     ) {
       return;