From d32b5943d16d9ffc48ba64843f842378147df8a5 Mon Sep 17 00:00:00 2001
From: Chris <chrisvel@users.noreply.github.com>
Date: Fri, 17 Apr 2026 18:43:30 +0300
Subject: [PATCH] fix(search): Handle touch events to prevent input blur on
 mobile when saving views (#1039)

On mobile devices, clicking "Save as Smart View" button caused the search
input to lose focus, triggering the onBlur handler that closes the entire
search menu. The existing onMouseDown preventDefault() only worked for
mouse events, not touch events on mobile.

Added onTouchStart handler alongside onMouseDown to properly prevent
input blur on mobile devices when interacting with the search menu.

Fixes #994
---
 frontend/components/UniversalSearch/SearchMenu.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/components/UniversalSearch/SearchMenu.tsx b/frontend/components/UniversalSearch/SearchMenu.tsx
index eea25c5..9743a80 100644
--- a/frontend/components/UniversalSearch/SearchMenu.tsx
+++ b/frontend/components/UniversalSearch/SearchMenu.tsx
@@ -426,6 +426,10 @@ const SearchMenu: React.FC<SearchMenuProps> = ({
                 // Prevent input blur on mobile when clicking inside the search menu
                 e.preventDefault();
             }}
+            onTouchStart={(e) => {
+                // Prevent input blur on mobile when touching inside the search menu
+                e.preventDefault();
+            }}
         >
             {/* Filter Badges Section */}
             <div className="border-b border-gray-200 dark:border-gray-700 overflow-y-auto max-h-[40vh] md:max-h-none">