From 8b9b51f270bd61cbe919a98861e6dfdaa6d2c311 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Sun, 1 Feb 2026 23:09:39 +0300
Subject: [PATCH] fix(ui): improve theme selector backdrop behavior on iOS
 Safari

---
 frontend/src/components/layout/statusbar.rs | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/layout/statusbar.rs b/frontend/src/components/layout/statusbar.rs
index e5405a5..369ba09 100644
--- a/frontend/src/components/layout/statusbar.rs
+++ b/frontend/src/components/layout/statusbar.rs
@@ -48,12 +48,17 @@ pub fn StatusBar() -> impl IntoView {
 
                     <Show when=move || theme_open.get() fallback=|| ()>
                         // Backdrop to close on outside click
+                        // iOS Safari requires cursor:pointer inline style for click events on div elements
                         <div 
-                            class="fixed inset-0 z-[99] cursor-pointer bg-black/0" 
+                            class="fixed inset-0 z-[99] bg-black/0" 
+                            style="cursor: pointer; -webkit-tap-highlight-color: transparent;"
                             role="button"
                             tabindex="-1"
                             on:click=move |_| set_theme_open.set(false)
-                            on:touchstart=move |_| set_theme_open.set(false)
+                            on:touchend=move |e| {
+                                e.prevent_default();
+                                set_theme_open.set(false);
+                            }
                         ></div>
                     </Show>