There’s a bug in the jQuery UI library which sometimes leaves buttons in their pressed states - some users are seeing it after popping up dialog boxes and I noticed it when using a button to submit ajax (note that with a regular submit button POST it operated fine).
One solution is to fix this library wide in your jQuery include.
Replace:
.bind("mouseup.button",function(){
if(c.disabled)return false;
a(this).removeClass("ui-state-active")
})
With:
.bind("mouseup.button",function(){
if(c.disabled)return false;
a(this).removeClass("ui-state-active ui-state-hover ui-state-focus")
})
Alternatively, if you don’t want to hack the library (or you’re hosting from the Google Libraries API), you can fix on a case by case basis:
button.click(function() {
button.removeClass("ui-state-focus ui-state-hover");
// Rest of your click actions here
}
Resources:
1
2
April 3, 2011 (link to this)