jQuery UI Autocompletar DownArrow UpArrow

Question

Tengo algunos problemas con jQuery Autocompletar y mover 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 ratón del enfoque - pero cuando se utiliza arrowUp y arrowDown - Selecciona el ui.item.id por encima de la ui.item.label

¿Cómo puedo solucionar esto para que:

1. input val no se cambia en absoluto [es decir Mantiene los usuarios término introducido]
2. actualiza el val input con el focused val el usuario está en la keydown/keyup

gracias

Answer 1

asegúrese de evitar que el comportamiento predeterminado del evento 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; 
}