docs/demos/selects/index.html

@@ -27,7 +27,7 @@ <h2>Native &amp; Custom select</h2>
 			<div data-demo-html="true">
                 <div data-role="fieldcontain">
                     <label for="select-" class="select">Native select:</label>
-                    <select name="select-" id="select-" data-native-menu="false">
+                    <select name="select-" id="select-">
                         <option value="standard">Standard: 7 day</option>
                         <option value="rush">Rush: 3 days</option>
                         <option value="express">Express: next day</option>

js/widgets/forms/select.js

@@ -186,17 +186,25 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 			});
 
 		// In many situations, iOS will zoom into the select upon tap, this prevents that from happening
-		self.button.bind( "vmousedown", function() {
-			if ( self.options.preventFocusZoom ) {
+		if ( self.options.preventFocusZoom ) {
+			self.button.bind( "vmousedown", function() {
 				$.mobile.zoom.disable( true );
-			}
-		}).bind( "mouseup", function() {
-			if ( self.options.preventFocusZoom ) {
+			});
+			self.label.bind( "click focus", function() {
+				$.mobile.zoom.disable( true );
+			});
+			self.select.bind( "focus", function() {
+				$.mobile.zoom.disable( true );
+			});
+			self.button.bind( "mouseup", function() {
 				setTimeout(function() {
 					$.mobile.zoom.enable( true );
-				}, 0);
-			}
-		});
+				}, 0 );
+			});
+			self.select.bind( "blur", function() {
+				$.mobile.zoom.enable( true );
+			});
+		}
 	},
 
 	selected: function() {