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);