Typeahead does not hide when using with queryBy: ['name', 'username'],

[k-tejas]

I have following code :

var following_list;

 $.ajax({

        type :"POST",
        url:"http://linkzone.dev/ajax/follower/select",
        data: '',
        dataType : 'json',
        cache: false,
        async:false,
        success:function(result){ 
            following_list = result;
        },
        error: function(xhr, textStatus, errorThrown) { 

        } 
    });


$("#usermention").mention({
        delimiter: '@',
        queryBy: ['name', 'username'],
        users: following_list
});

AJAX request return following data :

[
{
"name":"Reagan Dietrich",
"username":"Reagan8"
},
{
"name":"Ashlynn Powlowski",
"username":"Ashlynn4"
},
{
"name":"Tejas Kulkarni",
"username":"tejas"
}
]

Now when I use trigger like @tejas and after that even though I put a space bar/enter key still it shows up the typeahead , also it deletes any further text .

When i use it with queryBy: ['username'] It works fine .

[jakiestfu]

Are you using the CSS that came with the library?

Does changing your code to the following help?:

 $.ajax({

     type: "POST",
     url: "http://linkzone.dev/ajax/follower/select",
     data: '',
     dataType: 'json',
     cache: false,
     async: false,
     success: function (result) {
         $("#usermention").mention({
             delimiter: '@',
             queryBy: ['name', 'username'],
             users: result
         });
     },
     error: function (xhr, textStatus, errorThrown) {

     }
 });

[k-tejas]

Nope , Still same. Yeah i am using recommended-styles ,

Also this happens only with "@tejas" of the json response.
I tried following ( simplest same as given in docs ).
I just found out that it works only if username is alpha numeric .
now username is '@tejas2' it works , but for '@tejas' it keep showing typeahead :(

$("#usermention").mention({
delimiter: '@',
queryBy: ['name', 'username'],
users: [
{
"name":"Reagan Dietrich",
"username":"Reagan8"
},
{
"name":"Ashlynn Powlowski",
"username":"Ashlynn4"
},
{
"name":"Tejas Kulkarni",
"username":"tejas2"
},
{
"name":"Chaz McKenzie",
"username":"Chaz1"
}
]
});

[bijanebrahimi]

@k-tejas @jakiestfu fixed the bug. you can use my Mention.js Fork till my pull-request approves

[k-tejas]

thanks @bijanebrahimi