From 00abbe7f8ce1a03c3bef31cd362865f6f265b5f9 Mon Sep 17 00:00:00 2001
From: Manny Dinssa <44172848+Dinssa@users.noreply.github.com>
Date: Mon, 24 Feb 2025 20:37:08 +0000
Subject: [PATCH] Still show no results message when characters entered is less
 than 3 rather than nothing

---
 app/frontend/controllers/address_search_controller.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/frontend/controllers/address_search_controller.js b/app/frontend/controllers/address_search_controller.js
index 2669b803e..eacfc304c 100644
--- a/app/frontend/controllers/address_search_controller.js
+++ b/app/frontend/controllers/address_search_controller.js
@@ -5,6 +5,9 @@ import 'accessible-autocomplete/dist/accessible-autocomplete.min.css'
 const options = []
 
 const fetchOptions = async (query, searchUrl) => {
+  if (query.length < 3) {
+    throw new Error('Query must be at least 3 characters long.')
+  }
   try {
     const response = await fetch(`${searchUrl}?query=${encodeURIComponent(query.trim())}`)
     return await response.json()
@@ -51,7 +54,7 @@ export default class extends Controller {
     accessibleAutocomplete.enhanceSelectElement({
       defaultValue: '',
       selectElement: selectEl,
-      minLength: 3,
+      minLength: 1,
       tNoResults: () => { return 'No address found' },
       source: (query, populateResults) => {
         fetchAndPopulateSearchResults(query, populateResults, searchUrl, populateOptions, selectEl)