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?

Try changing the input's `size` attribute to accommodate the characters? — TheZ, Jun 28 '12 at 17:03

score 1 · Answer 1 · answered Jul 23 '12 at 02:39

The answer here did not solve the problem for me. I ended up creating new settings field 'resizeInput' with default value true.

You can get the modified plugin on my github

Use it like this:

$("#my_input_id").tokenInput("/my_url.json",{ resizeInput: false});

score -1 · Accepted Answer · answered Jun 30 '12 at 17:07

-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"});

answered Jun 30 '12 at 17:07

take

This won't work: Once you start typing, an annoying internal "feature" called resize_input() kicks in and changes input size back to {entered text len} + 30. Look at blushrt's answer – G. Stoynev Sep 10 '13 at 16:46

2 Answers2