The issue with the menu items not appearing in Firefox until you move the cursor will be fixed in version 3.9 of the JSAPI. This is an issue because in the esri.css file we have a rule for select that sets the color to inherit. Since we haven't qualified the rule it applies to all selects. At the next release we'll qualify this and the conflict will no longer occur. You can fix this in 3.8 by overriding the color for example: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Test</title> <link href="http://js.arcgis.com/3.8/js/esri/css/esri.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script> <style> .mySelect{ color: #333; } </style> </head> <body> <div data-role="page"> <label for="my_combo">Combo</label> <select id="my_combo" name="my_combo" class="mySelect" data-inline="true"></select> </div> <script> function loadSelectMenu(elem, sa) { var i; var e = $("#" + elem); for (i = 0; i < sa.length; i++) { e.append('<option value="' + sa + '">' + sa +'</option>'); } } loadSelectMenu("my_combo", ["Blue", "Red", "Green", "Yellow", "Magenta"]); </script> </body> </html>
