Chrome link status bar gets stuck

[wilson.waters]

When selecting a tab and moving the mouse over the content the Chrome link status bar stays "active" as if you were still hovering over the tab button. In our case it is a problem because the Chrome link status bar obscures our own status bar content.

This only occurs in Chrome (v25 stable and v27 canary on Windows) so I'm not sure if it is a jQueryUI or Chrome bug.

The issue begun showing in v1.9.0 (tested OK in 1.8.24). The issue still shows in 1.10.1.

examples
bad (1.9.0): ​http://jsfiddle.net/Ky2sh/5/
good (1.8.24): ​http://jsfiddle.net/Ky2sh/4/

Procedure:

1. click on tab
2. move mouse over content

Expect: Chrome link status bar vanishes
Actual: Chrome status bar stays active

[Scott González]

There is no bug here. Chrome is showing you the href of the focused anchor. Here's the exact same behavior without using jQuery UI: ​http://jsfiddle.net/Ky2sh/6/

[wilson.waters]

Thanks for the pointer Scott.

I solved my problem by blurring the anchor when the tab is clicked.

$("#tabs a").bind("click", function () {
   $(this).blur();
});

​http://jsfiddle.net/Ky2sh/7/

I suspect this will break keyboard navigation but it works for me.

Cheers.

[Scott González]

That's a really bad idea. Please don't do it. If you need inspiration for better solutions, please use the forums or Stack Overflow.

[tj.vantoll]

#9597 is a duplicate of this ticket.