top - jQuery UI Autocompletar DownArrow UpArrow

ui widget content

Question

Estoy teniendo problemas con jQuery Autocomplete y moviendo DownArrow y UpArrow?

El problema parece ser que

<input id="autocomplete-input" value="">

focus: function (event, ui) {
$(''#autocomplete-input'').val(ui.item.label);
}

Esto funciona muy bien para el enfoque de MOUSE, pero cuando uso arrowUp y arrowDown , selecciona ui.item.id por encima de ui.item.label

¿Cómo puedo solucionar esto?

1. el valor de input no se cambia en absoluto [es decir, mantiene el término input los usuarios]
2. actualiza el valor de input con el valor focal en el que el usuario está activado con keydown / keyup

Gracias

Answer 1

Asegúrese de evitar el comportamiento predeterminado del evento de focus :

focus: function (event, ui) {
this.value = ui.item.label;
// or $(''#autocomplete-input'').val(ui.item.label);
// Prevent the default focus behavior.
event.preventDefault();
// or return false;
}