sandglaz / bootstrap-tagautocomplete Goto Github PK

I'd like to be able to begin the tagging process on any character, regardless of signifying @ or #, etc.

I'm trying to get this to work with standard text input fields, but with no joy.... Does this work only with contenteditable divs?

My next step will be to get this working with an AJAX call with a JSON response.... Is that going to be impossible?!

Thanks!

Any chance this could work with an input="text" and textarea instead of a div?

When i try to use this plugin in a modal, the menu is not showing in the correct position. I think this is caused by

  var pos = this.$element.position();
  var height = this.$element[0].offsetHeight;

  this.$menu
    .appendTo('body') 
    .show()
    .css({
      position: "absolute",
      top: pos.top + height + "px",
      left: pos.left + "px"
    });

  this.shown = true
  return this

}


in the show function it appends the menu to body (??)
it is originally

.insertAfter(this.$element)


in typeahead plugin. In my tests changing that line fixes the incorrect positioning problem of the menu

Just tried the demo in Chrome Version 25.0.1364.172
http://sandglaz.github.com/bootstrap-tagautocomplete/

It seems that cursor is placed differently after autocomplete is complete. It depends on the line number where user is typing:
First line will insert a tag, add a space after the tag and place a cursor after
Second line will insert the tag and then place a cursor right after the word
Third line will insert the tag and then place a cursor one character before the word end
....
And so forth

-- Screenshots attached

The modifications made to bootstrap-typeahead.js don't allow it to work in a textarea but only an input or contenteditable element.

Line 86 should be:

this.query = this.$element.is("input") || this.$element.is("textarea") ? this.$element.val() : this.$element.text();

Seems having issues extending with typeahead (http://twitter.github.io/typeahead.js/). Is it possible to do with typeahead ?

Hi!

I'm trying to add a JSON source to the autocomplete without success :(

Is it possible?

$('div#news').tagautocomplete({
source: function (query, process) {
return $.get(SITE_URL+'board/async/get_users.php', { term: query, k: 1 }, function (data) {
return process(data);
});
},
character: '@'
});

Can not start a tag as the first character after line one. Issue happens in IE, FF, Chrome.

sorry, i opened the issue on wrong project

Guys, I need to reload data (like an array), but whitout ajax request, by example:

var arrUsuariosProyecto = ['@var1', '@var2', '@Var3'];

in some events I need to change that variable and view the changes in the editor

help plz

i need to implement it on a text area

Hello,

We have seen your demo and it works fine but the only problem we faced was when we type any word (without space) and press enter key then after that we can not get user mention list but instead we type word and give space and then press enter key then it will work fine.

So the conclusion is we require space to get mention.

Can you please help me out in this issue.

Thanks

Doesn't work in IE 11.

The issue is that splitText method on text node element does not split the node.
Using splitDataNode can fix the issue though but it seems to be slowing down the selection.