Hello. Great library.

One thing we are finding while we use the library is that the autocomplete seems to interfere with typing out the tag manually. It seems like the resolution ought to be one or both of the below:

1 - Typically, an autocomplete library will have a wait time from the last keystroke before autocomplete is attempted. I don't see in the library any mechanism for setting a timeout. 2 - When the autocomplete occurs, I've seen other libraries select the autocompleted text. That way, if the user keeps typing, their keystrokes overwrite and blow away the portion of the text that was autocompleted.

Do either of these parameters exist in the library at all and I am just not seeing them defined anywhere? If they do not exist, is there a PR process you follow for merging suggestions into your main trunk? Are these changes that are compatible with your roadmap or should I fork the library for my unique usage?

I am using c# to return this json from a database. The dropdown list is not triggering but the Json is returning

["adoptdontshop","America","Approvalratings","Atlanta","Based","Basedmemes","bitcoin", "blackcat","blackcatclub","blackcatlove","blackcatlover","blackcats","blackcatsmatter", "striketober","TheGreatResignation","TopNews","TPUSA","TPUSALive","transparency","trilliondollarbill", "uni","USA","VaccineNews","WhiteHouse","Winsomesears"]

hi! in mobile not working creating tabs, there is no enter key to activate the plugin by default the enter key changes to nexthttps://developerweb.cl/registro_chef.html please help !!!

Originally posted by @eveperalta in https://github.com/amsify42/jquery.amsify.suggestags/issues/4#issuecomment-620083087

Russian letter "Б"(small "б") located on the same key as comma in english keyboard Can you set confirm key optional or verify e.key exactly match ',' symbol?

Hello, how can I get suggestions as objects through Ajax ? I have a lot of repeated items in the suggestions list. This is the modified suggestions.php file

<?php
$suggestions 	= [['tag'=>'India','value'=>34], ['tag'=>'Pakistan','value'=>12], ['tag'=>'Nepal','value'=>43], ['tag'=>'UAE','value'=>11], ['tag'=>'Iran','value'=>21], ['tag'=>'Bangladesh','value'=>22],['tag'=>'Italy','value'=>23], ['tag'=>'Australia','value'=>134]];

$data 			= [];

foreach($suggestions as $suggestion)
{
	if(strpos(strtolower($suggestion['tag']), strtolower($_GET['term'])) !== false)	{
		$data[] = $suggestion;	
	}
}

header('Content-Type: application/json');
echo json_encode(['suggestions' => $data]);

I just wonder why Post was preferred instead of Get for ajax call. I think it should be a simple get query with just a search term. Why do we have to send existing suggestions? I believe that the merging of suggestions should be done after the query locally.

Hi everyone! Thanks for the great application!

I would like to know how I can use a relative path to the ajax resource script. Currently I can only use the full URL. Is that possible?

Thanks in advance

I am trying to extend this library. I want here is to show tag count if tags more than 2. and rest I have to show remaining like for example.

Total Tags 5. Display tags 2 and shows count +3

Can we do that?

We're observing an undesired behavior in the library where when we click on the scrollbar in order to scroll down to other tag suggestions, the focus changes in such a way as to close out the tag suggestions.

For example:

When I put my mouse cursor on the scrollbar in order to scroll down to those suggestions that are lower, the focus on the form field is lost and the suggestion dropdown closes.

Is this an easy fix? What are your thoughts?

Method .addTag takes only VALUE that string, integer or other simple data.

I tried to feed it with {tag: 'tagName', value: 666999} and it wont work. I fixed it with simple code, so there is purposed change:

Old version of .getTag ():

getTag : function(value) {
      if(this.settings.suggestions.length) {
        var tag = value;
        $.each(this.settings.suggestions, function(key, item){
          if(typeof item === 'object' && item.value == value) {
            tag = item.tag
            return false;
          }
          else if(item == value) {
            return false;
          }
        });
        return tag;
      }
      return value;
    },

New version of .getTag ():

getTag : function(value) {
      var returnValue = value; // buffer var for value

      if(this.settings.suggestions.length) {
        var tag = value;
        $.each(this.settings.suggestions, function(key, item){
          if(typeof item === 'object' && item.value == value) {
            tag = item.tag
            return false;
          }
          else if(item == value) {
            return false;
          }
        });
        return tag;
      }
      // it seems that object mode works only when some suggestions set in settings
      else if (typeof value === 'object' && value.tag) {
        returnValue = value.tag;
      }
      
      return returnValue; // return buffer var, with right tagName
    },

Old version of .addTag():

    addTag : function(value) {
      if(!value) {
        return;
      }
      var html = '<span class="'+this.classes.tagItem.substring(1)+'" data-val="'+value+'">'+this.getTag(value)+' '+this.setIcon()+'</span>';

    ...

New version of .addTag():

    addTag : function(value) {
      if(!value) {
        return;
      }

      // This temporary value need only to set data-val attribute below
      var temporaryValue = typeof value === 'object' && value.value ? value.value : value;

      var html = '<span class="'+this.classes.tagItem.substring(1)+'" data-val="'+temporaryValue+'">'+this.getTag(value)+' '+this.setIcon()+'</span>';

      // if value not exact  the same, then we need to re assign VALUE, we dont need to break code bellow
      if (temporaryValue !== value) {
        value = temporaryValue;
      }

    ...

Hope it helps, maybe there is more cleanier way to solve issue, but i just hammer it down in simpliest and fastest way.

Thank you for amaizing library o7

Is there an option to only return results that start with the input letter string?

We are sending an ajax request. Currently user inputs 'L'. Tags returned are:

Filter1 Filter2

What I would like is (only tags that start with an 'L'):

Lambda List1

Is there a way to trigger afterAdd only when a new tag is added, imagine initializing 100 tags and in afterAdd you have an ajax call to save it to db, all of them will fire at the same time

Hi,

i have many tag fields in a table $('.tags').amsifySuggestags

How i can get input data values in afterAdd function ? $(this).data('id') does not return anything

Thanks