0

I am busy with a selectbox in a template but i can't get it solved.

If you go to this page click here and look for the selectbox (it's in the forms section) and use the keyboard navigation it's skips some options and i don't know why?!

Can someone help me with this one?

Maanstraat
  • 1,241
  • 7
  • 34
  • 63
  • Where's the code that modifies that standard select box into the styled one? – Niklas Jun 18 '11 at 18:34
  • Hi Niklas [click here for the js file](http://www.dreamwire.nl/DreamAdmin/js/jquery.sparkbox-select.js) – Maanstraat Jun 18 '11 at 18:52
  • appears to be working fine here: http://jsfiddle.net/niklasvh/Qker9/ (I just copied the relevant HTML/JS/CSS without modifying anything) – Niklas Jun 18 '11 at 18:55
  • I see it... it's strange! Here it's working fine to: [click here](http://www.dreamwire.nl/DreamAdmin/)... i have deleted all the javascript code from other plugins but that didn't help on the page in the start post. – Maanstraat Jun 18 '11 at 18:56
  • found the problem and a fix, check my answer below. – Niklas Jun 18 '11 at 19:03

1 Answers1

2

The problem seems to be in that sbCustomSelect plugin. It works fine as long as you initiate it once on the page (you can have it applied on multiple elements, they just need to be under one single selector).

Initiating it twice like this:

$('.row.heh select').sbCustomSelect();
$('.row.actionbox select').sbCustomSelect();

Will make the jumping occur, like can be seen here: http://jsfiddle.net/niklasvh/Qker9/7/

You can get the same functionality by combining them into one single selector and initializing the plugin only once:

$('.row.heh select, .row.actionbox select').sbCustomSelect();

And the plugin works fine:

http://jsfiddle.net/niklasvh/Qker9/8/

Niklas
  • 29,752
  • 5
  • 50
  • 71