Opened 7 years ago

Closed 7 years ago

Last modified 6 years ago

#9148 closed bug (notabug)

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
  2. move mouse over content

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

Change History (4)

comment:1 Changed 7 years ago by Scott González

Resolution: notabug
Status: newclosed

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/

comment:2 Changed 7 years ago by 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.

comment:3 Changed 7 years ago by 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.

comment:4 Changed 6 years ago by tj.vantoll

#9597 is a duplicate of this ticket.

Note: See TracTickets for help on using tickets.