fix on-page feedback in ai chat

fern-api · Mar 10, 2025 · 54999d8 · 54999d8 · vercel · Mar 10, 2025
1 parent 712b362
commit 54999d8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/fern-docs/bundle/src/components/search.tsx b/packages/fern-docs/bundle/src/components/search.tsx
@@ -233,6 +233,10 @@ function useCommandTrigger(): [
 
   React.useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
+      if (open) {
+        return;
+      }
+
       setOpen((prev) => {
         if (prev) {
           return prev;
@@ -265,7 +269,7 @@ function useCommandTrigger(): [
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [setOpen]);
+  }, [open, setOpen]);
 
   return [open, setOpen];
 }

diff --git a/packages/fern-docs/search-ui/src/components/desktop/desktop-command-root.tsx b/packages/fern-docs/search-ui/src/components/desktop/desktop-command-root.tsx
@@ -88,6 +88,13 @@ export const DesktopCommandRoot = forwardRef<
           onKeyDownCapture={composeEventHandlers(
             props.onKeyDownCapture,
             (e) => {
+              if (
+                document.activeElement instanceof HTMLInputElement ||
+                document.activeElement instanceof HTMLTextAreaElement
+              ) {
+                return;
+              }
+
               // if input is alphanumeric, space, backspace, delete, arrow left, arrow right, then focus input
               // note: this func is onKeyDownCapture so it will fire before the input
               // which is important so that the first character typed isn't swallowed