#9148 closed bug (notabug)

Opened March 11, 2013 06:25AM UTC

Closed March 11, 2013 12:48PM UTC

Last modified October 23, 2013 12:47PM UTC

Chrome link status bar gets stuck

Reported by: wilson.waters Owned by:
Priority: minor Milestone: none
Component: ui.tabs Version: 1.10.1
Keywords: Cc:
Blocked by: Blocking:
Description

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

1. move mouse over content

Expect: Chrome link status bar vanishes

Actual: Chrome status bar stays active

Attachments (0)
Change History (4)

Changed March 11, 2013 12:48PM UTC by scottgonzalez comment:1

resolution: → notabug
status: new → closed

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/

Changed March 12, 2013 05:46AM UTC by wilson.waters comment:2

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.

Changed March 12, 2013 01:07PM UTC by scottgonzalez comment:3

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.

Changed October 23, 2013 12:47PM UTC by tj.vantoll comment:4

#9597 is a duplicate of this ticket.