Scrollable jQuery UI Autocomplete Plugin for long items list.
CSS max-height
, overflow-y
and padding-right
can make scrollable list easy. But that is not beautiful. This plugin calculate with items and height of it.
Usage
- Load the
jquery.ui.autocomplete.scroll.min.js
script file after loadingjquery.ui.autocomplete.js
etc. - The
maxShowItems
is added to Autocomplete options. It accept the number of items which is max height of items list.
Example
$('#txt1').autocomplete({
maxShowItems: 5, // Make list height fit to 5 items when items are over 5.
source: list1
});
- Type
abcdefgh
- Clear
- Type
abcx