Merge pull request #8295 from stopfstedt/replace_ember_render_modifie…

…r-in-global-search-box replaces ember render modifier based element tracking with DOM tree traversal alternative.
ilios · Jan 9, 2025 · 4939361 · 4939361
2 parents 7d60425 + 2a3636a
commit 4939361
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/frontend/app/components/global-search-box.hbs b/packages/frontend/app/components/global-search-box.hbs
@@ -7,7 +7,6 @@
     data-test-input
     type="search"
     value={{this.computedQuery}}
-    {{did-insert (set this "searchInputElement")}}
     {{on
       "input"
       (queue

diff --git a/packages/frontend/app/components/global-search-box.js b/packages/frontend/app/components/global-search-box.js
@@ -18,7 +18,6 @@ export default class GlobalSearchBox extends Component {
   @tracked autocompleteCache = [];
   @tracked autocompleteSelectedQuery;
   @tracked internalQuery;
-  @tracked searchInputElement;
   @tracked results = null;
 
   get hasResults() {
@@ -36,8 +35,10 @@ export default class GlobalSearchBox extends Component {
   }
 
   @action
-  focusAndSearch() {
-    this.searchInputElement.focus();
+  focusAndSearch(event) {
+    const searchInputElement =
+      event.currentTarget.parentElement.getElementsByClassName('global-search-input')[0];
+    searchInputElement.focus();
     this.search();
   }