fix: search modal unexpectedly activated by input-like elements (#1502)

* chore: debug

* fix: fix the bug that the search shortcut key causes the input box to be out of focus

* Revert "chore: debug"

This reverts commit 734cd24.

src/client/theme-default/slots/SearchBar/index.tsx

@@ -14,6 +14,11 @@ const isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(
   typeof navigator !== 'undefined' ? navigator?.platform : '',
 );
 
+/** Determine if the element that triggered the event is an input element */
+const isInput = (target: HTMLElement) =>
+  ['TEXTAREA', 'INPUT'].includes(target.tagName) ||
+  target.contentEditable === 'true';
+
 const SearchBar: FC = () => {
   const [focusing, setFocusing] = useState(false);
   const inputRef = useRef<HTMLInputElement>(null);
@@ -32,7 +37,7 @@ const SearchBar: FC = () => {
     const handler = (ev: KeyboardEvent) => {
       if (
         ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === 'k') ||
-        ev.key === '/'
+        (ev.key === '/' && !isInput(ev.target as HTMLElement))
       ) {
         ev.preventDefault();