From 6f79fdd3ae5db2f0973b1514510b137e568a1e47 Mon Sep 17 00:00:00 2001 From: Daniel Lautzenheiser Date: Mon, 23 Jan 2023 15:34:22 -0500 Subject: [PATCH] fix: docs search resets on result click (#419) --- .../docs/src/components/layout/search/SearchModal.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/docs/src/components/layout/search/SearchModal.tsx b/packages/docs/src/components/layout/search/SearchModal.tsx index f8065eaf..763ca983 100644 --- a/packages/docs/src/components/layout/search/SearchModal.tsx +++ b/packages/docs/src/components/layout/search/SearchModal.tsx @@ -87,18 +87,20 @@ const SearchModal: FC = ({ open, onClose, searchablePages }) = const [canFocus, setCanFocus] = useState(true); const [search, setSearch] = useState(''); - const handleFocus = () => { + const handleFocus = useCallback(() => { if (canFocus && open && inputRef.current) { inputRef.current?.focus(); setSearch(''); setCanFocus(false); } - }; + }, [canFocus, open]); const handleClose = useCallback(() => { - setCanFocus(true); setTimeout(() => { onClose(); + setTimeout(() => { + setCanFocus(true); + }, 100); }, 100); }, [onClose]);