CODEWITHSUNDEEP
cssjquery-uijquery-autocomplete
Tina Berger
Tina Berger

Reputation: 155

Turn off Auto Scroll in JQuery UI Auotcomplete

When I use JQuery Autocomplete and have enough results to show a scroll bar I mouse over the bottom of the dropdown and it automatically scrolls down. This also happens when I scroll down and then hover over the very top of the list it will automatically scroll up. I am seeing this in Chrome.

You can see it happening in this fiddle http://jsfiddle.net/LesignButure/EVsye/

How can I turn this off?

Here is my css:

ul.autocomplete-menu
{
position: absolute;
cursor: default;
border: thin solid #C0C0C0;
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
background-color: #FFFFFF;
color: #000000;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}

Upvotes: 0

Views: 990

Answers (1)

Tina Berger
Tina Berger

Reputation: 155

apparently the padding:2px; was causing the issue. Changing to padding-left:2px seemed to fix it.

Upvotes: 2

Related Questions