From 50857d52835ee99003b21b1a8a7b8f893e4b7d23 Mon Sep 17 00:00:00 2001
From: 3252a8 <3252a8@proton.me>
Date: Sat, 2 May 2026 13:20:42 +0300
Subject: [PATCH] fix: lang select dropdown wasn't work on android

---
 bot/app/web/frontend/src/App.svelte | 16 ++++++++++++++--
 bot/app/web/frontend/src/styles.css |  6 ++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/bot/app/web/frontend/src/App.svelte b/bot/app/web/frontend/src/App.svelte
index b4f3c3e..7e8f34a 100644
--- a/bot/app/web/frontend/src/App.svelte
+++ b/bot/app/web/frontend/src/App.svelte
@@ -248,7 +248,9 @@
   let languageBusy = false;
   let languageMenuOpen = false;
   let languageClickGuard = false;
+  let languageClickGuardArmed = false;
   let languageClickGuardTimer = null;
+  let languageClickGuardArmTimer = null;
   let email = "";
   let pendingEmail = "";
   let emailCode = "";
@@ -447,6 +449,11 @@
       window.clearTimeout(languageClickGuardTimer);
       languageClickGuardTimer = null;
     }
+    if (languageClickGuardArmTimer) {
+      window.clearTimeout(languageClickGuardArmTimer);
+      languageClickGuardArmTimer = null;
+    }
+    languageClickGuardArmed = false;
   }
 
   function setLanguageMenuOpen(open) {
@@ -454,6 +461,10 @@
     clearLanguageClickGuard();
     if (languageMenuOpen) {
       languageClickGuard = true;
+      languageClickGuardArmTimer = window.setTimeout(() => {
+        languageClickGuardArmed = true;
+        languageClickGuardArmTimer = null;
+      }, 220);
       return;
     }
     languageClickGuardTimer = window.setTimeout(() => {
@@ -2117,10 +2128,11 @@
             {#if languageMenuOpen || languageClickGuard}
               <button
                 class="language-select-guard"
+                class:language-select-guard--armed={languageClickGuardArmed}
                 type="button"
                 aria-label={t("wa_close")}
-                on:pointerdown|preventDefault|stopPropagation={() => setLanguageMenuOpen(false)}
-                on:click|preventDefault|stopPropagation={() => setLanguageMenuOpen(false)}
+                on:pointerdown|preventDefault|stopPropagation={() => languageClickGuardArmed && setLanguageMenuOpen(false)}
+                on:click|preventDefault|stopPropagation={() => languageClickGuardArmed && setLanguageMenuOpen(false)}
               ></button>
             {/if}
             <div class="settings-list" class:settings-list--language-open={languageMenuOpen}>
diff --git a/bot/app/web/frontend/src/styles.css b/bot/app/web/frontend/src/styles.css
index 0f07e55..2b578a0 100644
--- a/bot/app/web/frontend/src/styles.css
+++ b/bot/app/web/frontend/src/styles.css
@@ -737,12 +737,18 @@ a {
 }
 
 .language-select-guard {
+  appearance: none;
+  -webkit-tap-highlight-color: transparent;
   position: fixed;
   inset: 0;
   z-index: 100;
   border: 0;
   background: transparent;
+  box-shadow: none;
+  outline: none;
   padding: 0;
+  pointer-events: auto;
+  touch-action: manipulation;
 }
 
 .copy-row,