Merge pull request #2163 from italomatos/fix/maintain-search-input-focus-on-submit

Fix: Maintain search input focus after form submission

app/javascript/controllers/bar_controller.js

@@ -34,6 +34,7 @@ export default class extends Controller {
   showModalAndSubmit(event) {
     this.showModal()
     this.formTarget.requestSubmit()
+    this.#restoreFocusAfterTurboFrameLoads()
   }
 
   showModal() {
@@ -51,6 +52,12 @@ export default class extends Controller {
     }
   }
 
+  #restoreFocusAfterTurboFrameLoads() {
+    this.turboFrameTarget.addEventListener("turbo:frame-load", () => {
+      this.searchInputTarget.focus()
+    }, { once: true })
+  }
+
   #loadTurboFrame() {
     this.turboFrameTarget.src = this.searchUrlValue
   }