Open list on focus problems

[Joanzo]

https://tarekraafat.github.io/autoComplete.js/#/how-to-guides?id=open-list-on-focus
Open list on focus example is not working.

if try from recommendation using space on focus setting.
events: {
input: {
focus() => autoCompleteJS.start(" ");
},
},

it will not work on search Engine "strict" mode. While it's working on "loose" mode.
i.e:
This is not working if there's no space in the list.
i.e: [
"Apple", --> this will NOT be shown,
"Banana Orange" --> will be shown
]

We don't want to change the searchEngine to "loose" mode as it return weird results.

How to solve this?
Thanks

[Ezra-Siton-UIX]

The demo not working anyway (The list do not Open list on focus).

This code works for me:

focus: (event) => {
  console.log("Input Field in focus!");
  const inputValue = autoCompleteJS.input.value;
  autoCompleteJS.start();
  autoCompleteJS.open();
},

This codepen example also working:
https://codepen.io/tarekraafat/details/RwKQobg

[LucasRoquilly]

Hello,

The code given by @Ezra-Siton-UIX did not work for me and the codepen provided seems to be an old version of Autocomplete.js.

I have managed to open the list on focus to display all results by adding :
trigger: (query) => { return true }
and
focus: (event) => { search_autoComplete.start(); }
To the config options.
Result list is still limited by maxResults.

Working Codepen here : https://codepen.io/lucasroquilly/pen/LYQdpXB

I think documentation should be updated to give a working example.

[adriandmitroca]

events: {
  input: {
    focus: () => {
      autoCompleteJS.open();
    },
  },
},

is enough to reopen search results after focusing the input