Skip to main content

Search and Top Navigation

#9653 closed bug (duplicate)

Opened November 09, 2013 06:17PM UTC

Closed November 09, 2013 08:53PM UTC

user agent :focus style breaks tab metaphor

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

At least in Firefox and Chromium clicking a tab gives it :focus and the user agent style creates an outline for this. Thus a freshly selected Tab has a line around it and implicitly - and most importantly - below it. This breaks the tab metaphor which only works flawlessly, when there is no separator between the active tab and the respective content area. This CSS snippet fixes the problem:

.ui-tabs-active.ui-state-focus, .ui-tabs-active.ui-state-focus * {outline: none 0;}

Attachments (0)
Change History (1)

Changed November 09, 2013 08:53PM UTC by tj.vantoll comment:1

resolution: → duplicate
status: newclosed

Duplicate of #6146.Duplicate of #6146. You can remove this yourself, although we recommend not.