From 8c5c95cb8aa66bfd89a91d943954906ec0a94a65 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Fri, 30 Jan 2026 01:26:42 +0300
Subject: [PATCH] fix: Robust click-outside handler for mobile sidebar

---
 frontend/src/app.rs | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app.rs b/frontend/src/app.rs
index 4f8b749..bff6c59 100644
--- a/frontend/src/app.rs
+++ b/frontend/src/app.rs
@@ -308,9 +308,15 @@ pub fn App() -> impl IntoView {
                     </aside>
                     
                     // MOBILE SIDEBAR
-                    <div class={move || if show_mobile_sidebar.get() { "fixed inset-0 z-50 flex md:hidden" } else { "hidden" }}>
-                        <div class="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity" on:click=move |_| set_show_mobile_sidebar.set(false)></div>
-                        <aside class={format!("relative w-80 max-w-[85vw] h-full shadow-2xl p-6 flex flex-col animate-in slide-in-from-left duration-300 border-r {}", sidebar_bg)}>
+                    <div 
+                        class={move || if show_mobile_sidebar.get() { "fixed inset-0 z-50 flex md:hidden" } else { "hidden" }}
+                        on:click=move |_| set_show_mobile_sidebar.set(false)
+                    >
+                        <div class="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity"></div>
+                        <aside 
+                            class={format!("relative w-80 max-w-[85vw] h-full shadow-2xl p-6 flex flex-col animate-in slide-in-from-left duration-300 border-r {}", sidebar_bg)}
+                            on:click=move |e: web_sys::MouseEvent| e.stop_propagation()
+                        >
                             <button class={format!("absolute top-4 right-4 p-2 hover:opacity-80 {}", text_sec)} on:click=move |_| set_show_mobile_sidebar.set(false)>
                                 <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
                             </button>