#9352 closed bug (fixed)
Accordion: Active header has no focus indicator
| Reported by: | Jörn Zaefferer | 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.
Change History (6)
comment:1 Changed 10 years ago by
| Status: | new → open |
|---|
comment:2 Changed 10 years ago by
comment:3 Changed 10 years ago by
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.
comment:4 Changed 10 years ago by
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.
comment:5 Changed 10 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | open → closed |
Accordion: Avoid resetting outline on headers. Fixes #9352: Accordion - Active header has no focus indicator
Changeset: 9470af0bbefafa3d81c3709674a45a54b693e7cf
comment:6 Changed 10 years ago by
| Milestone: | none → 1.11.0 |
|---|
Is this a duplicate of #9428? That one is newer, but has more detail...