Expected behavior

Autocomplete dropdown is used as a "suggest" to a search form.

Actual behavior

Autocomplete works fine. If a value is chosen from the dropdown - javascript submits it without a problem. (see the code below)

But, if there is no relevant suggestion from autocomplete - user must be able to submit a query.

If input (search) field contains a custom value (i.e., value not selected from the choices dropdown) then "plain" submit on "Enter" does not work.

How to achieve this behavior?

Note: autocomplete submitting non-predefined value on "Enter" in v.3.9.0 works (without any additional .js code).

Resources (screenshots, code snippets etc.)

asyncAutocomplete.addEventListener('itemSelect.mdb.autocomplete', (e) => { asyncAutocomplete.addEventListener('close.mdb.autocomplete', (e) => { document.getElementById('search').submit(); }) })