Исправляет обработку перехода к поиску по клавише '/'

doka-guide · Aug 30, 2024 · 70bf6ee · 70bf6ee
1 parent dfaf14f
commit 70bf6ee
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/scripts/modules/header.js b/src/scripts/modules/header.js
@@ -88,6 +88,13 @@ class Header extends BaseComponent {
       this.checkSticky()
     }
 
+    document.addEventListener('keydown', (event) => {
+      // Firefox при нажатии Slash открывает свой поиск по странице
+      if (document.activeElement !== this.refs.input && (event.code === 'Slash' || event.code === 'NumpadDivide')) {
+        event.preventDefault()
+      }
+    })
+
     if (this.isMainPage) {
       document.addEventListener('keyup', (event) => {
         if (event.code === 'Slash' || event.code === 'NumpadDivide') {

diff --git a/src/scripts/modules/search.js b/src/scripts/modules/search.js
@@ -276,14 +276,13 @@ function init() {
       event.preventDefault()
     })
 
-    document.addEventListener('keydown', (event) => {
-      // Блокировка показа встроенного поиска в Firefox
-      if ((event.code === 'Slash' || event.code === 'NumpadDivide') && document.activeElement !== searchField) {
-        event.preventDefault()
+    document.addEventListener('keyup', (event) => {
+      if (event.code === 'Slash' && document.activeElement !== searchField) {
+        queueMicrotask(() => {
+          searchField.focus()
+        })
       }
-    })
 
-    document.addEventListener('keyup', (event) => {
       if (event.code === 'Enter' && document.activeElement === searchField) {
         queueMicrotask(() => {
           document.querySelector(SEARCH_HIT_LINK_SELECTOR)?.focus()