Autocomplete: reorganize modules and update to v2.1.8

themes/bootstrap3/js/common.js

@@ -696,6 +696,7 @@ $(function searchFormResetHandler() {
   if (query !== '') {
     resetButton.show();
     queryInput.focus().val('').val(query);
+    queryInput[0].ac.hide();
   }
   queryInput.on('input', function onInput() {
     if ($(this).val() === '') {
@@ -706,6 +707,7 @@ $(function searchFormResetHandler() {
   });
   resetButton.on('click', function onClick() {
     queryInput.attr('value', '').focus();
+    queryInput[0].ac.hide(); // not sure why AC is using previous value
     resetButton.hide();
   });
 });

themes/bootstrap3/js/vendor/autocomplete.js

@@ -1,4 +1,4 @@
-/* https://github.com/vufind-org/autocomplete.js (v2.1.7) (2023-06-21) */
+/* https://github.com/vufind-org/autocomplete.js (v2.1.8) (2023-08-31) */
 function Autocomplete(_settings) {
   const _DEFAULTS = {
     delay: 250,
@@ -73,6 +73,7 @@ function Autocomplete(_settings) {
     list.classList.remove("open");
     _currentIndex = -1;
     lastInput = false;
+    lastCB = false;
   }
 
   function _selectItem(item, input) {
@@ -252,6 +253,7 @@ function Autocomplete(_settings) {
     if (!input) {
       return false;
     }
+
     if (typeof handler === "undefined") {
       throw new Error(
         "Autocomplete needs handler to return items based on a query: function(query, callback) {}"
@@ -291,7 +293,14 @@ function Autocomplete(_settings) {
     input.setAttribute("spellcheck", "false");    // ^
 
     // Activation / De-activation
-    input.addEventListener("focus", (_) => _search(handler, input), false);
+    if (input.getAttribute("autofocus") !== null) {
+      // ignore the first autofocus
+      input.addEventListener("focus", () => {
+        input.addEventListener("focus", () => _search(handler, input));
+      }, { once: true });
+    } else {
+      input.addEventListener("focus", () => _search(handler, input));
+    }
     input.addEventListener("blur", _hide, false);
 
     // Input typing
@@ -323,6 +332,11 @@ function Autocomplete(_settings) {
       false
     );
 
+    input.ac = {
+      show: _show,
+      hide: _hide,
+    }
+
     return input;
   };
 }