jQuery Forum

Found a similar behaviour when disabling buttons. Made another test you can see at --> http://crowded.se/test/f.php
I'm not sure if I'm using it wrong or what, but here both ui-state-focus and ui-state-hover will be "locked" in the disabled button.

Alright, let's get a ticket or two logged on this:

http://dev.jqueryui.com/newticket (note: requires registration)

Thanks.

Thanks for confirming this as a bug. Filed a combined ticket --> http://bugs.jqueryui.com/ticket/5604

I too yesterday hit upon this problem.  I notice that the bug has low priority, so a fix might be some way off.  I just wanted to add that I work-around this issue like so:

What I usually do when I know I'm gonna run in to this problem is do $(this).blur() first thing you do on click.

Yeah, I love this much better.  Works great.  Thanks.

Well. I'm working with wicket. And my dialog is opened with Ajax. I hade the same problem as you. But when I added the button.button(); javascript to the ajaxrequest the focus problem went away. In wicket I have created a ButtonBehavior extends AbstractBehavior implements IBehavior
In abstractBehavior I can add the jquery funtion to the Ajax request.
Hope it help someone...

I just came across this same issue (jquery-ui-1.8.16). The button appeared focused after programmatically setting dialog button focus or navigating via keyboard.

I use this code to fix the problem :

1. $("button").mouseup(function() {
2. $(this).removeClass('ui-state-focus ui-state-hover ui-state-active');
3. });
   

Why is this still not fixed after a year? Why would you want a button to still show the hover or active state after it's disabled? This doesn't make sense to me.

Have any of the fixes worked for people? I've tried .blur(), .removeClass('...'), .focus() on another element but none work. It seems the styling is added after the .click() event on the buttons therefore undoing any function carried out to remove it.

After some testing, I find that the issue only occurs in jqueryUI v1.8.14 and up. Guess I'm downgrading.

THIS WORKS FOR ME
$("#mybutton").removeClass("ui-state-focus");
$("#mybutton").removeClass("ui-state-hover");