feat(docsearch): add / keyboard shortcut

francoischalifour · Jul 1, 2020 · d3a7275 · d3a7275
1 parent c970236
commit d3a7275
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/docsearch-react/src/useDocSearchKeyboardEvents.ts b/packages/docsearch-react/src/useDocSearchKeyboardEvents.ts
@@ -5,7 +5,11 @@ export function useDocSearchKeyboardEvents({ isOpen, onOpen, onClose }) {
     function onKeyDown(event: KeyboardEvent) {
       if (
         (event.keyCode === 27 && isOpen) ||
-        (event.key === 'k' && (event.metaKey || event.ctrlKey))
+        // The `Cmd+K` shortcut both opens and closes the modal.
+        (event.key === 'k' && (event.metaKey || event.ctrlKey)) ||
+        // The `/` shortcut opens but doesn't close the modal because it's
+        // a character.
+        (event.key === '/' && !isOpen)
       ) {
         event.preventDefault();