Well, the snippet works well but the problem is that if the autocomplete values are loaded dynamically (and asynchronously), I would need a way to force the system to display the values when they are loaded. Instead, the system waits for another keypress.

So for example I type "ABC", the timer loads the values which contain "ABC", "ABCD", "ABCDE" but does not display any of the values. Then I type "D" and it immediately shows "ABCD" and "ABCDE". The values were in the array before I typed "D" but the system does not display them without that additional keypress.

Checking mdbootstrap javascript, it looks like the keyup event is the one that shows the values so this hack seems to solve the problem:

$('#Autocomplete-edit-field').keyup();