things i did to make it a LITTLE better

[bmatusiak]

if you notice i changed the .width() to .css()

did this is because .width() gives the measurement in px not a % and .css() does

here is a gist of what i curently use https://gist.github.com/bmatusiak/5648051/revisions

i also added

var self = this;
this.$formInput.change(function(){
    self.parseFormInput();
});

and i also added to parseFormInput()

var item;
while((item = this.list.getPreceding(this.input))){
    this.list.remove(item);
}

this give me the option to call $("input").change(); after i do $("input").attr('value','some,data');

also thankyou for this.

[bmatusiak]

i would provide a PR but im not setup to build less ATM

[fmmfonseca]

Thank you for the feedback. I glanced through your gist and:

• Pushed a commit to add the input value on blur, although with a different solution from your suggestion;
• Won't add the 'change' listener for now;
• Pushed a commit with minor css changes but none relative to margin/padding. Care to explain the idea behind transferring the div.tokenizerpadding to .div.tokenizer ul li margin?
• According to the jQuery documentation, the only difference between .css(width) and .width() is that the latter returns a unit-less pixel value..

[bmatusiak]

i still would add the jquery width to css width because of the bootstrap responsive grid system layouts because the value can be a percentage instead of width() returning a pixel during the responsive grid designs

https://gist.github.com/bmatusiak/5648051/34b2c0d4d6852e0d8c4a56e006ce7af671d89b0c#file-bootstrap-tokenizer-js-L60

[bmatusiak]

reason for change() is because i can call this after i set element value and call it.. it fixes the link between the 2

input.value(val);
input.changed();

the reason for my hole gist is to have one input in a dialog modal and just replace the value with out having to remake the element evertime

[fmmfonseca]

I get what you mean, but it doesn't seem to work that way, the .css(width) function returns a pixel value http://jsfiddle.net/e8tm7/

[bmatusiak]

take a look at this

http://jsfiddle.net/e8tm7/1/

[fmmfonseca]

Both functions print the same..