From 0a507c7d729c9f9fce9e7efaea55373501c01f96 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Wed, 4 Feb 2026 01:00:53 +0300
Subject: [PATCH] fix(frontend): add touch event handlers for ios dropdowns

---
 frontend/src/components/layout/statusbar.rs | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/layout/statusbar.rs b/frontend/src/components/layout/statusbar.rs
index 81add2c..d1191ed 100644
--- a/frontend/src/components/layout/statusbar.rs
+++ b/frontend/src/components/layout/statusbar.rs
@@ -117,10 +117,8 @@ pub fn StatusBar() -> impl IntoView {
                 <Show when=move || down_menu_open.get() fallback=|| ()>
                     <div
                         class="fixed inset-0 z-[99] bg-black/0 cursor-default"
-                        on:click=move |e| {
-                            e.stop_propagation();
-                            set_down_menu_open.set(false);
-                        }
+                        on:click=move |e| { e.stop_propagation(); set_down_menu_open.set(false); }
+                        on:touchend=move |e| { e.stop_propagation(); set_down_menu_open.set(false); }
                     ></div>
                 </Show>
 
@@ -172,10 +170,8 @@ pub fn StatusBar() -> impl IntoView {
                 <Show when=move || up_menu_open.get() fallback=|| ()>
                     <div
                         class="fixed inset-0 z-[99] bg-black/0 cursor-default"
-                        on:click=move |e| {
-                            e.stop_propagation();
-                            set_up_menu_open.set(false);
-                        }
+                        on:click=move |e| { e.stop_propagation(); set_up_menu_open.set(false); }
+                        on:touchend=move |e| { e.stop_propagation(); set_up_menu_open.set(false); }
                     ></div>
                 </Show>
 
@@ -225,10 +221,8 @@ pub fn StatusBar() -> impl IntoView {
                     <Show when=move || theme_open.get() fallback=|| ()>
                         <div
                             class="fixed inset-0 z-[99] bg-black/0 cursor-default"
-                            on:click=move |e| {
-                                e.stop_propagation();
-                                set_theme_open.set(false);
-                            }
+                            on:click=move |e| { e.stop_propagation(); set_theme_open.set(false); }
+                            on:touchend=move |e| { e.stop_propagation(); set_theme_open.set(false); }
                         ></div>
                     </Show>