From 2d2773aa1366164e1f19b336b0a503f390c1396a Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Tue, 4 Nov 2025 20:34:04 +0300
Subject: [PATCH] close mobile keyboard when bottom sheet opens

---
 src/components/ProBottomSheet/ProBottomSheet.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/ProBottomSheet/ProBottomSheet.tsx b/src/components/ProBottomSheet/ProBottomSheet.tsx
index 030621c..e3ca922 100644
--- a/src/components/ProBottomSheet/ProBottomSheet.tsx
+++ b/src/components/ProBottomSheet/ProBottomSheet.tsx
@@ -50,6 +50,22 @@ export function ProBottomSheet({
     };
   }, [isOpen]);
 
+  // Close mobile keyboard when bottom sheet opens
+  useEffect(() => {
+    if (isOpen) {
+      // Blur any active input element to close the mobile keyboard
+      const activeElement = document.activeElement as HTMLElement;
+      if (
+        activeElement &&
+        (activeElement.tagName === "INPUT" ||
+          activeElement.tagName === "TEXTAREA" ||
+          activeElement.isContentEditable)
+      ) {
+        activeElement.blur();
+      }
+    }
+  }, [isOpen]);
+
   // Event handlers
   const startDrag = useCallback((clientY: number) => {
     setIsDragging(true);