From 0745d07887d15cc33fdfe960d56fedc86c92fa7b Mon Sep 17 00:00:00 2001
From: NotBigGhost <ivan@arseniev.info>
Date: Fri, 26 Jun 2026 17:48:08 +0300
Subject: [PATCH] =?UTF-8?q?UI:=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20?=
 =?UTF-8?q?=C2=AB=D0=9C=D0=B5=D0=BD=D1=8E=C2=BB=20=D0=BD=D0=B0=D0=B4=D1=91?=
 =?UTF-8?q?=D0=B6=D0=BD=D0=BE=20=D0=BE=D1=82=D0=BA=D1=80=D1=8B=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=B5=D1=82=D1=81=D1=8F=20=D0=BD=D0=B0=20=D0=BC=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=B8=D0=BB=D1=8C=D0=BD=D1=8B=D1=85=20(onClick=20=D0=B2=D0=BC?=
 =?UTF-8?q?=D0=B5=D1=81=D1=82=D0=BE=20pointerup=20+=20touch-action)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Открытие бокового меню переведено на нативный onClick: на тач-устройствах
pointerup часто не приходит из-за pointercancel, из-за чего меню не открывалось.
Долгое удержание (10с → админка) оставлено на таймере и подавляет этот клик.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/components/BottomBar.tsx | 14 ++++++++++----
 frontend/src/styles/layout.css        |  1 +
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/BottomBar.tsx b/frontend/src/components/BottomBar.tsx
index f917ac6..eab3c57 100644
--- a/frontend/src/components/BottomBar.tsx
+++ b/frontend/src/components/BottomBar.tsx
@@ -31,9 +31,14 @@ export function BottomBar({ onMenu }: { onMenu: () => void }) {
       holdTimer.current = null;
     }
   };
-  const endHold = () => {
-    clearHold();
-    if (!holdFired.current) onMenu(); // обычный тап
+  // Открытие меню — на нативном onClick (надёжно на мобильных, в отличие от pointerup,
+  // который не приходит при pointercancel). Долгий зажим подавляет этот клик.
+  const onMenuClick = () => {
+    if (holdFired.current) {
+      holdFired.current = false;
+      return;
+    }
+    onMenu();
   };
 
   const onCreate = () => {
@@ -57,8 +62,9 @@ export function BottomBar({ onMenu }: { onMenu: () => void }) {
       <button
         className="slot"
         aria-label="Меню"
+        onClick={onMenuClick}
         onPointerDown={startHold}
-        onPointerUp={endHold}
+        onPointerUp={clearHold}
         onPointerLeave={clearHold}
         onPointerCancel={clearHold}
       >
diff --git a/frontend/src/styles/layout.css b/frontend/src/styles/layout.css
index 069e90a..4d7d4cd 100644
--- a/frontend/src/styles/layout.css
+++ b/frontend/src/styles/layout.css
@@ -56,6 +56,7 @@
   background: none;
   border: none;
   font-size: 12px;
+  touch-action: manipulation; /* без задержки/отмены тапа на мобильных */
 }
 .bottom-bar .slot .name { color: var(--text); font-weight: 600; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .bottom-bar .spacer { width: var(--fab-width); flex: 0 0 var(--fab-width); }