From 4949b756bd69ebf77e398562f6b50412ad477b88 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Wed, 4 Feb 2026 17:40:27 +0300
Subject: [PATCH] fix(ui): use opaque-but-invisible overlay for iOS click
 handling

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

diff --git a/frontend/src/components/layout/statusbar.rs b/frontend/src/components/layout/statusbar.rs
index 692ee31..4613b30 100644
--- a/frontend/src/components/layout/statusbar.rs
+++ b/frontend/src/components/layout/statusbar.rs
@@ -116,7 +116,7 @@ pub fn StatusBar() -> impl IntoView {
 
                 <Show when=move || down_menu_open.get() fallback=|| ()>
                     <div
-                        class="fixed inset-0 z-[99] bg-black/0 cursor-pointer"
+                        class="fixed inset-0 z-[99] bg-black opacity-0 cursor-pointer"
                         on:click=move |e| { e.stop_propagation(); set_down_menu_open.set(false); }
                         on:touchstart=move |e| {
                             e.stop_propagation();
@@ -181,7 +181,7 @@ pub fn StatusBar() -> impl IntoView {
 
                 <Show when=move || up_menu_open.get() fallback=|| ()>
                     <div
-                        class="fixed inset-0 z-[99] bg-black/0 cursor-pointer"
+                        class="fixed inset-0 z-[99] bg-black opacity-0 cursor-pointer"
                         on:click=move |e| { e.stop_propagation(); set_up_menu_open.set(false); }
                         on:touchstart=move |e| {
                             e.stop_propagation();
@@ -236,7 +236,7 @@ pub fn StatusBar() -> impl IntoView {
 
                     <Show when=move || theme_open.get() fallback=|| ()>
                         <div
-                            class="fixed inset-0 z-[99] bg-black/0 cursor-pointer"
+                            class="fixed inset-0 z-[99] bg-black opacity-0 cursor-pointer"
                             on:click=move |e| { e.stop_propagation(); set_theme_open.set(false); }
                             on:touchstart=move |e| {
                                 e.stop_propagation();