From 20a859e7c7474cd4d817260947b7e672f3fe7698 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Wed, 4 Feb 2026 17:25:34 +0300
Subject: [PATCH] fix(ui): resolve iOS dropdown backdrop click issue

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

diff --git a/frontend/src/components/layout/statusbar.rs b/frontend/src/components/layout/statusbar.rs
index d1191ed..a63175f 100644
--- a/frontend/src/components/layout/statusbar.rs
+++ b/frontend/src/components/layout/statusbar.rs
@@ -116,9 +116,9 @@ 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"
+                        class="fixed inset-0 z-[99] bg-black/0 cursor-pointer"
                         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); }
+                        on:touchstart=move |e| { e.stop_propagation(); set_down_menu_open.set(false); }
                     ></div>
                 </Show>
 
@@ -169,9 +169,9 @@ 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"
+                        class="fixed inset-0 z-[99] bg-black/0 cursor-pointer"
                         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); }
+                        on:touchstart=move |e| { e.stop_propagation(); set_up_menu_open.set(false); }
                     ></div>
                 </Show>
 
@@ -220,9 +220,9 @@ pub fn StatusBar() -> impl IntoView {
 
                     <Show when=move || theme_open.get() fallback=|| ()>
                         <div
-                            class="fixed inset-0 z-[99] bg-black/0 cursor-default"
+                            class="fixed inset-0 z-[99] bg-black/0 cursor-pointer"
                             on:click=move |e| { e.stop_propagation(); set_theme_open.set(false); }
-                            on:touchend=move |e| { e.stop_propagation(); set_theme_open.set(false); }
+                            on:touchstart=move |e| { e.stop_propagation(); set_theme_open.set(false); }
                         ></div>
                     </Show>