Button: add blur event to buttons. Fixes #8559 - Button: Button doesn…

…'t remove active state when using keyboard.
jquery · Nov 22, 2012 · f13b5df · f13b5df
1 parent c348f28
commit f13b5df
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/tests/unit/button/button_events.js b/tests/unit/button/button_events.js
@@ -13,4 +13,14 @@ test("buttonset works with single-quote named elements (#7505)", function() {
 	}).click();
 });
 
+test( "when button loses focus, ensure active state is removed (#8559)", function() {
+	expect( 1 );
+
+	$("#button").button().keypress( function() {
+		$("#button").blur( function() {
+			ok( !$("#button").is(".ui-state-active"), "button loses active state appropriately" );
+		}).blur();
+	}).focus().simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ).simulate( "keypress", { keyCode: $.ui.keyCode.ENTER } );
+});
+
 })(jQuery);
diff --git a/ui/jquery.ui.button.js b/ui/jquery.ui.button.js
@@ -193,7 +193,7 @@ $.widget( "ui.button", {
 						$( this ).addClass( "ui-state-active" );
 					}
 				})
-				.bind( "keyup" + this.eventNamespace, function() {
+				.bind( "keyup" + this.eventNamespace + " blur" + this.eventNamespace, function() {
 					$( this ).removeClass( "ui-state-active" );
 				});