As mentioned in the question we are using JQuery Tagit for our project. We are using ajax search to populate the keywords. The problem we are facing here is that when clicked on the search results with the mouse, it works precisely as described, however, if we use the keyboard navigation to select a result, then the next time the ajax search won't happen for the first keyword press (it only works after second keyword press) To add, the entire process works very much well, if we do the same thing using mouse. I hope I'm clear. Please find the code below:
$('#tags_3').tagit({
allowSpaces: false,
placeholderText: 'Search Clients',
autocomplete: ({
source: function(request, response) {
// alert(request.term);
$.ajax({
url: '/searchClients',
data: {
format: "json",
keywords: request.term
},
dataType: 'json',
type: 'GET',
success: function(data) {
response($.map(data, function(item) {
return {
label: item.name,
value: item.name
}
}));
},
error: function(request, status, error) {
alert(error);
},
complete: function(request, status, error) {}
})
},
})
});
Edit 1: Problem found on the documentation page too
We just found out that this problem is also on the documentation page. In the first example if you press "a" and then select the value by keyboard, then you won't be able to press "a" again for the next time until some other key is pressed. Hoping that there has to be a solution to this..!
Any help would be really appreciated.
