fix search button

app/javascript/elements/search_input.js

@@ -1,16 +1,10 @@
 export default class extends HTMLElement {
   connectedCallback () {
-    this.button.addEventListener('click', (event) => {
+    this.addEventListener('click', this.onClick)
-      if (!this.input.value && document.activeElement !== this.input) {
-        event.preventDefault()
-
-        this.input.focus()
-      }
-    })
 
     document.addEventListener('turbo:before-cache', this.onBeforeCache)
 
-    if (this.input.value) {
+    if (this.input?.value) {
       this.input.focus()
       this.input.setSelectionRange(this.input.value.length, this.input.value.length)
     }
@@ -20,6 +14,16 @@ export default class extends HTMLElement {
     document.removeEventListener('turbo:before-cache', this.onBeforeCache)
   }
 
+  onClick = (event) => {
+    if (!event.target.closest('button')) return
+
+    if (!this.input.value && document.activeElement !== this.input) {
+      event.preventDefault()
+
+      this.input.focus()
+    }
+  }
+
   onBeforeCache = () => {
     this.input.value = this.input.getAttribute('value') || ''
   }