diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx index 80db8df3..1ef117e9 100644 --- a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx +++ b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx @@ -15,7 +15,15 @@ export const LeftPanelHeader = ({ children }: PropsWithChildren) => { const router = useRouter(); const searchModal = useModal(); const { authenticated } = useAuth(); - useCmdK(searchModal.open); + useCmdK(() => { + const isEditorToolbarOpen = + document.getElementsByClassName('bn-formatting-toolbar').length > 0; + if (isEditorToolbarOpen) { + return; + } + + searchModal.open(); + }); const { togglePanel } = useLeftPanelStore(); const { mutate: createDoc } = useCreateDoc({ diff --git a/src/frontend/apps/impress/src/hook/useCmdK.tsx b/src/frontend/apps/impress/src/hook/useCmdK.tsx index 457af3cd..562d8e83 100644 --- a/src/frontend/apps/impress/src/hook/useCmdK.tsx +++ b/src/frontend/apps/impress/src/hook/useCmdK.tsx @@ -6,12 +6,6 @@ export const useCmdK = (callback: () => void) => { if ((e.key === 'k' || e.key === 'K') && (e.metaKey || e.ctrlKey)) { e.preventDefault(); - const isProseMirrorFocused = - document.activeElement?.classList.contains('ProseMirror'); - if (isProseMirrorFocused) { - return; - } - callback(); } };