Clicking Scrollbar triggers close SimpleSelect when in Bootstrap Modal

[annelorraineuy]

This happens in a SimpleSelect with almost 3000 options, that when I click on the scrollbar SimpleSelect automatically closes itself. So far its only on this dropdown in the bootstrap modal. How do I fix this?

http://i66.tinypic.com/w1qt81.png

This is my declaration: <SimpleSelect placeholder="Search or Type Item name" onValueChange={this.onItemSelect} ref="itemName" theme="bootstrap3" autofocus={true} style={{ fontSize: "12" }} uid={(item) => item.value} options={this.state.labels} />

[annelorraineuy]

Sorry, for clarification on the issue: Users can't use the scrollbar on the dropdown without it closing upon click.

[ZeeStorm]

Noticed the issue here too. I just happened to be using the bootstrap modal as well. I wonder if it has anything to do with the modal? Shouldn't it be as simple as preventing any click through that's not on a list item?

[mark-engagio]

Had the same issue, but with a different modal implementation. I was able to fix this by removing tabIndex from the modal container.

[nice00xt]

@annelorraineuy currently i have the same issue with the version 2.0.3, a solution can be add a property tether={false} but its no working for me.

[enthusiastmartin]

I have the same problem. tether property does not help.

Any updates on this ?

[damienrobson]

Pushing for an update on this as we have clients experiencing this issue on a live platform.

[db654]

+1 on this

[nice00xt]

Remembering this issue I solved adding transitionEnter={false} property, you can try if you don't want to use a animation to display the dropdown, work for me even on IE10 browser.

[vishnuborn1996]

any update on this? please anyone?