While writing some cross platform Bootstrap web code for a project I am working on, I came across an obscure issue, where a select drop-down list doesn’t work on the default Android browser on Android 2.3.x.
It seems to be a known issue with some web developers, and is a bug in the Android browser code. I came across the solution that worked for me here, in tip #13.
Basically add this to the head of the form page script (Code snippet updated 2013-07-27):
<style> <!-- This style section is used to fix a bug where drop-down menus on navbars don't work on mobile browsers. -->
select { position: relative; z-index: 999; }
.dropdown-backdrop {
position: static;
}
</style>