fix(search-input): make sure text selection works in search bar (#1001)

* fix(search-input): make sure text selection works in search bar * fix: revert changes to document-view.js --------- Co-authored-by: Christian Zosel <[email protected]>
projectcaluma · Nov 15, 2024 · 49ff2aa · 49ff2aa
1 parent f7485ce
commit 49ff2aa
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/addon/components/search.hbs b/addon/components/search.hbs
@@ -12,6 +12,8 @@
       aria-label={{t "alexandria.search"}}
       data-test-search-input
       {{on "input" this.updateSearch.perform}}
+      {{on "focus" this.onFocus}}
+      {{on "focusout" this.onFocusOut}}
     />
   </form>
 </div>
diff --git a/addon/components/search.js b/addon/components/search.js
@@ -6,11 +6,20 @@ import { timeout, task } from "ember-concurrency";
 
 export default class SearchComponent extends Component {
   @service router;
+  @service("alexandria-documents") documents;
 
   @action onSubmit(event) {
     event.preventDefault();
   }
 
+  @action onFocus() {
+    this.documents.disableShortcuts();
+  }
+
+  @action onFocusOut() {
+    this.documents.enableShortcuts();
+  }
+
   updateSearch = task(
     { restartable: true },
     async ({ target: { value: search } }) => {