From c6020881782e14f756cfe76a2d8645a612e5beb2 Mon Sep 17 00:00:00 2001
From: Danny Avila <danny@librechat.ai>
Date: Wed, 15 Oct 2025 15:12:32 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B1=20fix:=20Improve=20Mobile=20Chat?=
 =?UTF-8?q?=20Focus=20Detection=20and=20Navigation=20(#10125)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/hooks/Chat/useFocusChatEffect.ts | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/client/src/hooks/Chat/useFocusChatEffect.ts b/client/src/hooks/Chat/useFocusChatEffect.ts
index fefb2c9584..17c41fef01 100644
--- a/client/src/hooks/Chat/useFocusChatEffect.ts
+++ b/client/src/hooks/Chat/useFocusChatEffect.ts
@@ -12,12 +12,22 @@ export default function useFocusChatEffect(textAreaRef: React.RefObject<HTMLText
         `Focusing textarea on location state change: ${location.pathname}`,
       );
 
-      /** Check if the device is not a touchscreen */
-      if (!window.matchMedia?.('(pointer: coarse)').matches) {
-        textAreaRef.current?.focus();
+      const hasCoarsePointer = window.matchMedia?.('(pointer: coarse)').matches;
+      const hasHover = window.matchMedia?.('(hover: hover)').matches;
+
+      const path = `${location.pathname}${window.location.search ?? ''}`;
+      /* Early return if mobile-like: has coarse pointer OR lacks hover */
+      if (hasCoarsePointer || !hasHover) {
+        navigate(path, {
+          replace: true,
+          state: {},
+        });
+        return;
       }
 
-      navigate(`${location.pathname}${window.location.search ?? ''}`, {
+      textAreaRef.current?.focus();
+
+      navigate(path, {
         replace: true,
         state: {},
       });