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;
}