jquery tokeninput cuts defaultValue after 14 characters

Question

I'm using jQuery with tokeninput Plugin.

I initialize it with:

$("input#id").tokenInput(url, { defaultValue: "Very Long string 1234567810", ...});

After page loading the input box has the value "Very Long string 123". After focus and blur the box, the value becomes "Very Long string 1234567810".

Anyone know how I can fix it?

Answer 1

I've found the solution for my self:

After initializing the tokenInput, there are no style-width attribute of the generated input element.

After adding a css width attribute, all text is shown.

$("#myid").tokenInput (url, options);
$("#token-input-myid").css({"width": "200px"});