varatis varatis - 4 months ago 23
Javascript Question

Horizontal scrolling with jQuery Tag-it

I'm using jQuery Tag-it for something I'm working on. However, I don't like that whenever I type too many tags, the overflow appears below the tags I've already typed as opposed to just appending the newer tags to the right of whatever I've already typed.

What I want is to have tags always be appended to the right of the other tags, and allow a user to scroll horizontally to see new tags.

Here's the example page which I've been trying to play with: http://aehlke.github.com/tag-it/examples.html

Here's my first try:

ul.tagit { height: 40px; overflow-x: auto; }


Second try:

ul.tagit { height: 40px; overflow-x: auto; white-space: nowrap; }
ul.tagit li { display: inline; }


Neither seem to work.

Answer

can you create a fiddle. this seems like its working using inline http://jsfiddle.net/REgGC/