From bd7ef2d01c20846a742e594c27de466dcea902b4 Mon Sep 17 00:00:00 2001 From: carlobortolan Date: Sat, 25 Jan 2025 22:02:50 +0100 Subject: [PATCH] Disable fullscreen keyboard shortkut when searchbar is open --- src/components/FullscreenButton.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/FullscreenButton.tsx b/src/components/FullscreenButton.tsx index 5a650396..96a1a053 100644 --- a/src/components/FullscreenButton.tsx +++ b/src/components/FullscreenButton.tsx @@ -13,18 +13,19 @@ export default function FullscreenButton({ className?: string; imageRef: RefObject; }) { - const { isFullscreen, setIsFullscreen } = useAppState(); + const { isFullscreen, setIsFullscreen, isCommandKOpen } = useAppState(); // Toggle fullscreen mode const toggleFullscreen = useCallback(async () => { if (!document.fullscreenElement) { + if (isCommandKOpen) return; await imageRef.current?.requestFullscreen(); setIsFullscreen?.(true); } else { await document.exitFullscreen(); setIsFullscreen?.(false); } - }, [imageRef, setIsFullscreen]); + }, [imageRef, setIsFullscreen, isCommandKOpen]); // Toggle fullscreen on 'f' key press const handleKeyDown = useCallback((event: KeyboardEvent) => {