Cleanup

facebook · Oct 26, 2020 · 4d5b422 · 4d5b422
1 parent 6c55180
commit 4d5b422
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/docusaurus-theme-classic/src/theme/hooks/useKeyboardNavigation.ts b/packages/docusaurus-theme-classic/src/theme/hooks/useKeyboardNavigation.ts
@@ -16,7 +16,13 @@ function useKeyboardNavigation(): void {
     const keyboardFocusedClassName = 'navigation-with-keyboard';
 
     function handleOutlineStyles(e: MouseEvent | KeyboardEvent) {
-      document.body.classList.toggle(keyboardFocusedClassName, e.key === 'Tab');
+      if (e.type === 'keydown' && (e as KeyboardEvent).key === 'Tab') {
+        document.body.classList.add(keyboardFocusedClassName);
+      }
+
+      if (e.type === 'mousedown') {
+        document.body.classList.remove(keyboardFocusedClassName);
+      }
     }
 
     document.addEventListener('keydown', handleOutlineStyles);