feat(www): update keyboard handling for command menu (#2264)

shadcn-ui · Jan 2, 2024 · 98859e7 · 98859e7 · vercel · Jan 2, 2024
1 parent 6b523b6
commit 98859e7
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/apps/www/components/command-menu.tsx b/apps/www/components/command-menu.tsx
@@ -32,7 +32,16 @@ export function CommandMenu({ ...props }: DialogProps) {
 
   React.useEffect(() => {
     const down = (e: KeyboardEvent) => {
-      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
+        if (
+          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
+          e.target instanceof HTMLInputElement ||
+          e.target instanceof HTMLTextAreaElement ||
+          e.target instanceof HTMLSelectElement
+        ) {
+          return
+        }
+
         e.preventDefault()
         setOpen((open) => !open)
       }