CODEWITHSUNDEEP
jqueryhtmlcssselect
Patrick R
Patrick R

Reputation: 1979

select option is not matching mouse select

I'm having a problem with my select. When i mouse over the options to select an item, it works with the first few, but the feather down you go on the list, the more offset the selection gets.

As you can see here, it works fine. The dot is where the mouse is at. enter image description here

And as you can see here, the mouse is so offset so its selecting another item, then the one i want to select

enter image description here

I'm using this JQuery plugin for the select so I'm able to search in it: http://www.jque.re/plugins/forms-controls/searchabledropdown/

My question is, how can i fix something like this? I've been trying with some line-height, height etc etc and i can't seem to get it done.

EDIT: Here's a JSFiddle with the code

Any help is appreciated. Thanks

Upvotes: 4

Views: 149

Answers (1)

chimos
chimos

Reputation: 664

It may be because of the font-type, font-size and/or padding that you are applying to your select/options. You can try disabling CSS styles to debug and find which CSS rule is exactly the problem.

Upvotes: 1

Related Questions