Skip to main content

Search and Top Navigation

#9352 closed bug (fixed)

Opened June 01, 2013 04:27PM UTC

Closed July 20, 2013 09:27PM UTC

Last modified July 20, 2013 09:32PM UTC

Accordion: Active header has no focus indicator

Reported by: jzaefferer Owned by:
Priority: minor Milestone: 1.11.0
Component: ui.accordion Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

When using the keyboard to navigate the accordion, there's no visual indicator when the activate header has keyboard focus. This is already obvious when moving focus to an accordion, where the first header is activate and receives the invisible focus.

Attachments (0)
Change History (6)

Changed June 01, 2013 08:37PM UTC by tj.vantoll comment:1

status: newopen

Changed July 19, 2013 09:14AM UTC by jzaefferer comment:2

Is this a duplicate of #9428? That one is newer, but has more detail...

Changed July 19, 2013 10:24AM UTC by tj.vantoll comment:3

No, #9428 is specifically related to the

color
of
<a>
elements.

This one is caused by

.ui-accordion-header
having
.ui-helper-reset
, which eliminates the
outline
. Seems like we should dump that class and manually apply the rules needed to
.ui-accordion-header
itself.

Changed July 19, 2013 10:35AM UTC by tj.vantoll comment:4

This should do it: https://github.com/jquery/jquery-ui/pull/1034.

font-size
and
margin
seemed to be the only reason
.ui-helper-reset
was needed.

Changed July 20, 2013 09:27PM UTC by TJ VanToll comment:5

resolution: → fixed
status: openclosed

Accordion: Avoid resetting outline on headers. Fixes #9352: Accordion - Active header has no focus indicator

Changeset: 9470af0bbefafa3d81c3709674a45a54b693e7cf

Changed July 20, 2013 09:32PM UTC by tj.vantoll comment:6

milestone: none1.11.0