I have a problem when implementing collapsible lists with the label in application that runs on Android 5.1.1. When the collapsible list is displayed, I click on it, but when the list is displayed the values are not displayed, however when selecting a position from the list it closes and displays the selected value. Now try to modify the "color" and "background-color" properties of the JQuery or Javascript functions, or by means of styles applied directly to the u tags or through external style sheets. When you run the application in Android 7.0 the list is displayed correctly. I am using: JQuery Mobile 1.4.5, jQuery 2.2.4, Apache Cordova 8.1.0
Someone has resolved similar situation ... Greetings.
<fieldset data-role="collapsible" id="fs1">
<legend>TITULO 1</legend>
<label for="ETI1">ETIQUETA 1</label>
<select name="ETI1" id="ETI1" data-native-menu="true">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<label for="TXT1">TEXT FIELD 1</label>
<input type="text" name="TXT1" id="TXT1" placeholder=""
value="" />
<label for="TXT2">TEXT FIELD 2</label>
<input type="text" name="TXT2" id="TXT2" placeholder=""
value="" />
<label for="ETI2">ETIQUETA 2</label>
<select name="ETI2" id="ETI2" data-native-menu="true">
<optgroup label="COLECCION 1">
<option value="1">1</option>
</optgroup>
<optgroup label="COLECCION 2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</optgroup>
<optgroup label="COLECCION 3">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</optgroup>
</select>
</fieldset>