riverside / select-box Goto Github PK

This plugin is really excellent. But I do not know if it is possible to use 
more than one select on the same page, each with different width attribute. Is 
there any way around this?

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

The "last" class should be added to the last li, however, it is not.

The problem is in this line:
if (i === olen - 1) {
    li.addClass("last");
}

It can be modified to:
if (that.index() === olen - 1) {
    li.addClass("last");
}

as a possible solution.

What steps will reproduce the problem?
1. have a selectbox with a lof of elements, so you'll have a scrollbar
2. scroll down or up slowly
3. see the bug

What is the expected output? What do you see instead?

having a background image for the items is good, but wenn you scroll, only the 
text moves, not the background... so it would not look very pro.

What version of the product are you using? On what operating system?
the latest one 0.1.2


Please provide any additional information below.
i think people except that the item background move with the item. right now, 
only the text moves and the background stay in place.

so when a person scroll, there is a great chance that after he stop scrolling 
the option text does not fit in the background

What steps will reproduce the problem?
1. Open a website with an iphone safari explorer

What is the expected output? What do you see instead?
when I click the selectbox, if it's at the bottom of the screen it only shows 
one or maybe 2 options. But if I click it when it's at the top, it shows me 
everything

I'm using it inside a bootstrap site, maybe it helps..

Any ideas?

Thanks!

We have a select box containing countries.

I want to select India through the list. So when I type 'i' xharacter it does 
not take us to listing of 'i' named country.

Here We want when a user type i , it will auto sect i element, further if he 
type n..means 'in', it will take us to 'in' named countries.


We are using jQuery Selectbox plugin 0.2 ? On Windows 8?

Removed the .live() event binder and replaced it with .on() to ensure 
compatibility with future jQuery versions.

In the function

_attachSelectbox: function (target, settings) {

starting on line 148, you can add a quick check to see how wide is the select 
box you are replacing, allowing for a more consistent form element replacement:

            //get width of the select box that is the target
            //if the select box does not have a width defined, and is not visible
            //on the page, it will return 0.

        var theWidth = $(target).outerWidth();
        var toggleWidth = $("#sbToggle_" + inst.uid).outerWidth();

            //let's check to see if there is a width that we can apply
            //to the new replacement elements.
            //if the original element did not have a width, then the new
            //elements will default to the width defined in the .css file

    if (theWidth) {
        sbHolder.css({'width':theWidth + toggleWidth});
        sbSelector.css({ 'width': theWidth + toggleWidth });
    }

What steps will reproduce the problem?
1. Create an empty select element;
2. Apply selectbox() on it;
3. Change the option's content of the native select element.

What is the expected output? What do you see instead?
The applied selectbox dropdown list values is changed too.

What version of the product are you using? On what operating system?
0.2, Linux, FF 21.0

Please provide any additional information below.
This issue can be checked with the following code:
jQuery('select').selectbox({
    onChange: function(v,i) {
        var value = jQuery("select option:first").val();
        alert('value = ' + value);
        jQuery("select option:first").attr('value', value + " aa");
    }
});
On each change event the value of teh first element is updated. It can be 
checked if firebug. But the target selectbox dropdown list contains the old 
values.
Alse it is possible that some native select element can be updated 
asynchronously. 

Probably the solution is to use the jquery tie plugin 
(https://github.com/revsystems/jQuery-Tie) if it is provided? 

What steps will reproduce the problem?
1. Create form elements with input type text and select, using plug-in
2. Press tab to move from input type text to select list

What is the expected output? What do you see instead?
Expecting select list to gain focus and allow navigation through select list 
items using up/down arrow keys. Instead, select list does not appear to gain 
focus.

What version of the product are you using? On what operating system?
0.1.3. PC Windows 7 IE9 and FF12.

Please provide any additional information below.
Any work arounds available? I have a heap of input elements in my form and love 
this plug in but require keyboard navigation.

Thanks in advance

We are using this as a "To/From" select box.

What steps will reproduce the problem?
1. Visit page with selectbox code
2. Click to open dropdown.  Mobile phone's built in programming to display 
select boxes as touchscreen pop-up with radio buttons.
3. Select a different option than the default selection.

What is the expected output? What do you see instead?
Expected output: selectbox selection changes to your choice.
Instead, I just see the same default selection when landing on the page.

The ODD part is, that if I'm using this as a To/From box, although the website 
doesn't update (showing my new name selection), when I hit submit, it is sent 
to the correct person,.

What version of the product are you using? On what operating system?
Newest version (0.2) on a Andrioid phone with version 4.1.2 installed, browsing 
using Mozilla Firefox app.

When create custom onChange event the "change" html event not fired 
due to this block and remove the else statment (line 347)

if (inst && onChange) {
                onChange.apply((inst.input ? inst.input[0] : null), [value, inst]);
            }
            //trigger the change allways after the onChange custome event
            else if (inst && inst.input) {
                inst.input.trigger('change');
            }
- i chage it to 
------------------------------------------------
if (inst && onChange) {
                onChange.apply((inst.input ? inst.input[0] : null), [value, inst]);
            }
            //trigger the change allways after the onChange custome event
            if (inst && inst.input) {
                inst.input.trigger('change');
            }

Fixed few issues(Issue no:3,5,6,9,17,18) of it.

What steps will reproduce the problem?
1. Tab to the selectbox.
2. Use arrow keys to change the active item.

What is the expected output? What do you see instead?
The active option of the select element controlled by the Select-box plugin 
should change to the value of newly selected option and the onchange event 
should be fired.
Instead of that, the Select-box visually changes its active option, but the 
original select underneath still has its original option selected and
the onchange event is not fired.

What version of the product are you using? On what operating system?
v0.2, Windows 7 32-bit, Chrome 30

What steps will reproduce the problem?
1. Change option 1
2. Change option 2
3. Change option 3

What is the expected output? What do you see instead?
option 1 has selected param
option 2 has selected param
option 3 has selected param

What version of the product are you using? On what operating system?
Safari, Mac Os lion

Please provide any additional information below.

What steps will reproduce the problem?
Problem is in chrome, on form submit we are not getting the selected value. 

What is the expected output? What do you see instead?
need to get the value on form select, working fine in mozilla and IE


What version of the product are you using? On what operating system?
jQuery Selectbox plugin 0.2

Please provide any additional information below.
always taking the default value in chrome. on change the value is not changing.

I have implement select box successfully but there is only one error, the 
select box show only if I click on anywhere at the page otherwise selectbox 
doesn't show. I am trying to fix this error a lot but fails to solve the issue. 
I don't know why selectbox shows only after clicking on the page.

What steps will reproduce the problem?
1. Open one select box
2. Open another one while first one is open
3. Try to open first one again

What is the expected output? What do you see instead?
Fail to open any select box that is closed by opening another one

What version of the product are you using? On what operating system?
Tested on Firefox, IE, Opera

Please provide any additional information below.

What steps will reproduce the problem?
Open any instance of this plugin usage in IE7.

What is the expected output? What do you see instead?
sbOptions should be over the top of every other element, but it's under.

What version of the product are you using? On what operating system?
Using v 0.1.3 and testing on Mac/PC in FF, Chrome, Safari, IE7-9. Only problem 
is in IE7.

Please provide any additional information below.
I've tried normal IE7 z-index fixes - which aren't working.

Hi!

I kindly request a new release that includes all changes and patches that have 
been submitted via this bugtracker.

Most importantly, i refer to issue 10.

Thanks,
Raoul

Mozilla Firefox Firebug: The stylesheet 
http://select-box.googlecode.com/svn/tags/0.2/jquery.selectbox.css was not 
loaded because its MIME type, "text/plain", is not "text/css".

What steps will reproduce the problem?
download the release and replace the line from googlecode with a link to it.

What steps will reproduce the problem?
1. Javascript error: TypeError: $(...).live is not a function - function live() 
was deprecated and was deleted from jQuery 1.9 and 2.0

What version of the product are you using? On what operating system?
SelectBox 0.2, jQuery 1.9, FF20, Win8

Please provide any additional information below.
I changed function live(..) to on(..), source in attachment.

What steps will reproduce the problem?
1. When trying to fetch the select option with php $_POST
2.
3.

What is the expected output? What do you see instead?
The expected output would be the selected option value. Instead the $_POST 
always fetches the first option value and not the selected one.


What version of the product are you using? On what operating system?
I'm using version 0.1.3


Please provide any additional information below.

The onChange event fires even if the option is not changed. This is not the 
expected behavior, the event should only fire when the value actually changes.

http://www.w3.org/TR/html401/interact/scripts.html#h-18.2.3
onchange = script [CT]
The onchange event occurs when a control loses the input focus and its value 
has been modified since gaining focus. This attribute applies to the following 
elements: INPUT, SELECT, and TEXTAREA.

What steps will reproduce the problem?
1. <select>
<option>one
<option>two
<option>three
</select>
<script>
$("select").selectbox({
  onChange: function(v,i) {
    alert("changeto: "+v);
  }
});
</script>

2. Click the dropdown and select the option equivalent to the option already 
shown.

example here: http://jsfiddle.net/SQq9r/

What is the expected output? What do you see instead?
When selecting an option from the dropdown that is equal to the already 
selected item nothing should happen. Instead you will get an alert of the 
selected item.

What version of the product are you using? On what operating system?
0.1.3

What steps will reproduce the problem?
1. Using chrome version 35.0.1916.114 (latest version at time)
2. Click on an option from the drop down menu

Expect for the item to be selected and no side effects to occur.  Item is 
selected; however ghost gridlines from the options remain on the screen


The bug is visible on the demo site as well:
http://www.bulgaria-web-developers.com/projects/javascript/selectbox/
Using latest version of chrome: 35.0.1916.114 
On both various linux and mac OS versions.