Select: Unwind stack before blur()ing in response to change

(cherry picked from commit 32bc2e9)

Closes gh-7723
Fixes gh-7685

js/widgets/forms/select.js

@@ -143,7 +143,9 @@ $.widget( "mobile.selectmenu", $.extend( {
 			self.refresh();
 
 			if ( !!options.nativeMenu ) {
-				this.blur();
+				self._delay( function() {
+					self.select.blur();
+				});
 			}
 		});
 

tests/unit/select/index.html

@@ -50,6 +50,10 @@
 			<option value="3">The 3rd Option</option>
 			<option value="4">The 4th Option</option>
 		</select>
+		<select id="blur-test">
+			<option value="1">Option 1</option>
+			<option value="2">Option 2</option>
+		</select>
 		</div>
 	</div>
 </body>

tests/unit/select/select_core.js

@@ -4,6 +4,19 @@
 
 (function($){
 
+	module( "Native select" );
+
+	test( "Native select does not blur synchronously in response to change", function() {
+		var selectmenu = $( "#blur-test" );
+
+		selectmenu.focus();
+
+		selectmenu.trigger( "change" );
+
+		deepEqual( selectmenu.parent().hasClass( "ui-focus" ), true,
+			"Native select is focused after triggering 'change'" );
+	});
+
 	module( "Custom select" );
 
 	test( "Custom select is enhanced correctly", function() {