Fix S key in Ask AI modal triggering the MeiliSearch modal (#2786)

* Fix S key triggering MeiliSearch modal

* Allow some keys to be captured

Author: pwizla

docusaurus/src/theme/SearchBar/index.js

@@ -16,16 +16,37 @@ function SearchBarContent() {
       return;
     }
 
-    // Clean up previous instance and clear container
+    const handleKeyDown = (e) => {
+      const kapaContainer = document.getElementById('kapa-widget-container');
+      
+      if (!kapaContainer || !kapaContainer.shadowRoot) {
+        return;
+      }
+
+      const shadowActiveElement = kapaContainer.shadowRoot.activeElement;
+      
+      if (shadowActiveElement && 
+          (shadowActiveElement.tagName === 'INPUT' || 
+           shadowActiveElement.tagName === 'TEXTAREA' || 
+           shadowActiveElement.isContentEditable)) {
+        
+        const allowedKeys = ['Enter', 'Tab', 'Escape', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+        
+        if (!allowedKeys.includes(e.key)) {
+          e.stopImmediatePropagation();
+        }
+      }
+    };
+
+    document.addEventListener('keydown', handleKeyDown, true);
+
     if (searchInstanceRef.current) {
       searchInstanceRef.current.destroy?.();
       searchInstanceRef.current = null;
     }
 
-    // Clear the container content
     searchButtonRef.current.innerHTML = '';
 
-    // Dynamic import to avoid SSR issues with solid-js
     Promise.all([
       import('meilisearch-docsearch'),
       import('meilisearch-docsearch/css')
@@ -129,6 +150,7 @@ function SearchBarContent() {
     });
 
     return () => {
+      document.removeEventListener('keydown', handleKeyDown, true);
       if (searchInstanceRef.current) {
         searchInstanceRef.current.destroy?.();
         searchInstanceRef.current = null;