Search code examples
jquerycsstag-it

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.

Solution

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