3 comments found.
Very nice, GLWS!
Hi there, Is there a way to turn on autocomplete, because my list is very long and this dropdown isn’t showing scroll-bars nor autocomplete?
Hi codingartist. Thanks, this sounds like a good idea. I will think about autocomplete, but for now at least I can promise scrollbars. I hope to implement this later today.
thank you. If I can at least get a scroll bar for now, then I will be able to use it.
You can now use new option when initialising plugin and set maximum visible dropdown options before scrollbar appears. For example:
$('.simple_select').bootstrapSelect({
'max-visible-items': 3
});
This will add a vertical scroll when you have more than 3 items in a dropdown. Hope this is helpful!
Nice idea! The default selects are really ugly 
What about mobile devices and browsers? Does it look the same?
PS: Added to my public bootstrap collection.
That’s good to hear 
Yes, it looks the same in various browsers (Chrome, Firefox, Safari, Opera, IE9 and 10) and mobile devices (tested on iPad, iPhone, Samsung Galaxy Note), not exactly the same in IE8 – as it doesn’t support rounded corners. In a nutshell, dropdown is built using Bootstrap suggested HTML structure and classnames so it works across browsers as much as Bootstrap does.
No need to suppress those built-in mobile OS selects/wheels ?
BTW, IE8 rounded corners and more http://css3pie.com
Thanks for the link, pepperstreet, I will have a closer look.
Exactly, default iOS select appearance and behaviour gets overridden. It should get overridden on any other platform, but I had a chance to test on iOS and Android specifically. By the way, I will upload additional screenshots shortly to demonstrate how it looks on iPhone and Galaxy Note.
