Skip to main content

Search and Top Navigation

#9597 closed bug (duplicate)

Opened October 10, 2013 11:52PM UTC

Closed October 23, 2013 12:47PM UTC

Tabs: After clicking on a tab, the status bar doesn't fade out in Chrome

Reported by: GlassHalfAwesome Owned by:
Priority: minor Milestone: none
Component: ui.tabs Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

The status bar (the box that appears in the bottom-left corner when you mouseover a link) won't fade when using jQuery UI Tabs in Google Chrome. You can reproduce the bug in the jQuery UI Tabs demo page:

http://jqueryui.com/tabs/#default

If you select the second tab, Proin dolor, the status bar will appear displaying:

http://jqueryui.com/resources/demos/tabs/default.html#tabs-2

but it will never fade. Mousing over new links will update the status bar but when you move away it will return to the above link. Changing to another tab, including the original, updates the status bar, but it will not fade.

This issue doesn't occur in Firefox or Internet Explorer

Attachments (0)
Change History (4)

Changed October 11, 2013 12:02AM UTC by GlassHalfAwesome comment:1

I was playing around with it and it looks like the status bar will fade if you click on the referenced div/container that appears when you change tabs

Changed October 11, 2013 12:21AM UTC by scottgonzalez comment:2

status: newopen
summary: Status bar won't fade in Chrome with jQuery UI TabsTabs: After clicking on a tab, the status bar doesn't fade out in Chrome

Changed October 22, 2013 06:23PM UTC by AlexTheMartian comment:3

I tried to find a solution, but then I found that this is a duplicate of #9148, which is resolved to be not a bug. It is caused by the tab's anchor staying in focus, causing Chrome to show the href. The anchor is in focus to allow keyboard navigation.

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

resolution: → duplicate
status: openclosed

Duplicate of #9148.