Add conditional focus behavior to search field after filter selection

solidusio · Dec 4, 2023 · a703e5e · a703e5e
1 parent df59704
commit a703e5e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/admin/app/components/solidus_admin/ui/table/component.js b/admin/app/components/solidus_admin/ui/table/component.js
@@ -42,10 +42,13 @@ export default class extends Controller {
     }
   }
 
-  showSearch(event) {
+  showSearch({ detail: { focus } }) {
     this.modeValue = "search"
     this.render()
-    this.searchFieldTarget.focus()
+
+    if (focus ?? true) {
+      this.searchFieldTarget.focus()
+    }
   }
 
   search() {

diff --git a/admin/app/components/solidus_admin/ui/table/ransack_filter/component.js b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.js
@@ -29,8 +29,9 @@ export default class extends Controller {
   }
 
   showSearch() {
-    if (this.isAnyCheckboxChecked())
-      this.dispatch("showSearch")
+    if (this.isAnyCheckboxChecked()) {
+      this.dispatch("showSearch", { detail: { focus: false } })
+    }
   }
 
   filterOptions(event) {