Search and Top Navigation
#6975 closed bug (notabug)
Opened February 11, 2011 11:21PM UTC
Closed February 12, 2011 06:51AM UTC
accordion w/ collapsible & focus styling
| Reported by: | brewster1134 | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.9.0 |
| Component: | ui.accordion | Version: | 1.8.9 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
when the accordion is set to collapsible, and after a header is clicked to collapse the content, the class ui-state-focus should be removed from the header. for me, this was fixed with.... not sure where this functionality would go in the accordion.js tho...
$('div.ui-accordion-header').mouseleave(function(){
$(this).removeClass('ui-state-focus');
});
Attachments (0)
Change History (1)
Changed February 12, 2011 06:51AM UTC by comment:1
| resolution: | → invalid |
|---|---|
| status: | new → closed |
Thanks for taking the time to submit a bug report. Next time, could you make it a live demo on jsfiddle.net? It helps use out quite a bit to not have to recreate your issue.
I went ahead an made on for this, though, to show what's going on. When you collapse the heading, it still IS in focus, hence the class.
Check it out: http://jsfiddle.net/danheberden/sp7yN/
See how when you close the heading, it's still highlighted? Cuz it's still focused. Why? Use your keyboard controls: press space to open and close it. Use your arrow keys to move up and down closed heads. See how the closed headings can have focus?
To summarize, it's a accessibility thing. If your application needs to have it removed, then by all means, use your code snippet. But this is operating as designed :)