3. Next I found out that tagsinput only allows to pass “source” option to typeahead as shown above. I wanted to pass other options like “items”, “sorter”, etc. Tagsinput doesn’t allow this, and without this only the max default 8 items popped out in the typeahead. So I had to look into bootstrap-tagsinput.js source code and found the part where the typeahead instance is being created. I had to make additions as below in the block starting line 248. I commented out the sorter and added other options I needed.

4. Now the typeahead dropdown listed all items! And, so the next prob started – the typeahead dropdown was so big and spanned outside the window causing us not to view all entries. So what I needed here is a scrollable dropdown. For this added below css, and not it’s all awesome!