From 38577498118c2bc0e6926779bac36916549ffdab Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Wed, 14 Dec 2022 19:01:54 +0800
Subject: [PATCH] fix: handle key event conflicts

---
 packages/app/src/components/quick-search/index.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/quick-search/index.tsx b/packages/app/src/components/quick-search/index.tsx
index 660f4cdc5a..8ee045b2e9 100644
--- a/packages/app/src/components/quick-search/index.tsx
+++ b/packages/app/src/components/quick-search/index.tsx
@@ -43,14 +43,21 @@ export const QuickSearch = ({ open, onClose }: TransitionsModalProps) => {
     <Modal open={open} onClose={onClose} wrapperPosition={['top', 'center']}>
       <ModalWrapper
         width={620}
-        height={'auto'}
         style={{
           maxHeight: '67vh',
           minHeight: '350px',
           top: '138px',
+          transition: 'height .15s',
         }}
       >
-        <Command>
+        <Command
+          //Handle KeyboardEvent conflicts with blocksuite
+          onKeyDown={(e: React.KeyboardEvent) => {
+            if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+              e.stopPropagation();
+            }
+          }}
+        >
           <StyledModalHeader>
             <Input query={query} setQuery={setQuery} />
             <StyledShortcut>{isMac() ? '⌘ + K' : 'Ctrl + K'}</StyledShortcut>