jquery/jquery-mobile — Issue #2741: Android native select bug, options do not display when clicked/touched 
Author: Bexol
Created: 2011-10-18 19:19:14+00:00
State: open

I have found a bug on Android 2.2 devices when using native select controls. When a anchor in the page header(data-role="header") doesn't have any text in it and style="position:fixed;" the native select will not display the options.

so something like this will break the Dropdowns

<div data-role="header" data-theme="a" data-position="inline" data-backbtn="false" style="position:fixed; z-index:1000;">

<a href="#" class="back-button" data-role="none" data-transition="none">Back</a>

<h1 id="search-title">Test Form</h1>

<a href="#search-tips" class="info-button" data-role="none" data-transition="none"></a>

</div>
Sample:

http://goo.gl/4HiXf

but if you add a &nbsp; the select dropdowns will work

<div data-role="header" data-theme="a" data-position="inline" data-backbtn="false" style="position:fixed; z-index:1000;">

<a href="#" class="back-button" data-role="none" style="opacity:0;" data-transition="none">Back</a>

<h1 id="search-title">Test Form 2</h1>

<a href="#" class="info-button" data-role="none" data-transition="none">&nbsp;</a>

</div>

Sample:

http://goo.gl/vy8U3