#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:
- click on tab
- move mouse over content
Expect: Chrome link status bar vanishes
Actual: Chrome status bar stays active
Change History (4)
comment:1 Changed 10 years ago by
Resolution: | → notabug |
---|---|
Status: | new → closed |
comment:2 Changed 10 years ago by
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(); });
I suspect this will break keyboard navigation but it works for me.
Cheers.
comment:3 Changed 10 years ago by
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.
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/