4

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

9
  • 3
    can you please post your code that you have so far?
    – kiran
    May 6, 2015 at 7:33
  • 1
    Oh yes ofc. Sorry forgot all about that. I'll make a JSFiddle, and update the question
    – Patrick R
    May 6, 2015 at 7:34
  • Don't forget to add code for a minimal repro to the question as well (or use a Stack Snippet), to prevent link rot from rendering this question useless to future visitors.
    – Jeroen
    May 6, 2015 at 7:38
  • @Jeroen - as i said to Kiran i simply forgot to give the code, i know it's needed so you can see what im doing, or how far i've come etc. I have updated the question now, with a link :-)
    – Patrick R
    May 6, 2015 at 7:43
  • @ Patrick R: your filddle is not showing the problem that you are asking. please add required css, html code, scripts, external files etc that will show your problem.
    – kiran
    May 6, 2015 at 7:48

1 Answer 1

1

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.

1
  • It was the font. When i set the font to Arial, there was no problem at all. Didn't knew fonts could do this, so thanks a lot
    – Patrick R
    May 6, 2015 at 8:33

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.