pawelczak / EasyAutocomplete

JQuery autocomplete plugin
http://easyautocomplete.com
MIT License
729 stars 244 forks source link

Scrollable list #49

Open pawelczak opened 9 years ago

goroskop1 commented 8 years ago

Scrollbar needed badly ( Me, like some others have an issue with a big number of matches. For example (hipothecally) city search "Georgetown" in cities database returns 25 matches! Make the list of 25-30 elements – dropdown window becomes huge and odd, and moreover it becomes hidden at the bottom of frame where it's inserted in div since z-index is less than div's z-index. In order to differ cities with identical names I put in description corresponding city state (for instance Georgetown - Florida). But... Nice dropdown window size is 8 elements. If I type in Georgetown, in hierarchy Georgetown - Florida is 15th, after Georgetown - Arizona, Georgetown - Nevada etc. and it's not shown in dropdown box! And since Florida is a description tag, during the match it doesn't work. The only workable solution is a scrollable dropdown list where user can navigate to the one he is looking for. Any solutions how it can be done?

bonucci commented 7 years ago

any news with the scrollbar feature?

bkammerling commented 7 years ago

Hi guys,

I managed to achieve a scrolling list with the following CSS...

.easy-autocomplete-container { max-height: 160px; overflow-y: scroll; }

With this styling, the list will show 5-6 items and you are able to scroll down to see the rest.

Is that what you meant or have i misunderstood?

Gumlokt commented 7 years ago

This one looks a little prettier imo:

.easy-autocomplete-container { max-height: 160px; overflow: auto; overflow-y: auto; overflow-x:hidden; }