Skip to content

UDS-1992:fix(components-core): added focus css for accordion wrapper #1522

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: dev
Choose a base branch
from

Conversation

juanmitriatti
Copy link
Contributor

UDS-1992

Description

Checklist

  • Tests pass for relevant code changes

Important Reminders

Links

@juanmitriatti juanmitriatti requested a review from a team as a code owner April 21, 2025 17:11
@davidornelas11
Copy link
Contributor

This should be in unity react core but we should still discuss in standup before

@scott-williams-az
Copy link
Contributor

Other accessible accordion examples on the internet do not behave this way (to select the entire group) This must be a misunderstanding of what the ticket intended. I believe this should not be merged.

@juanmitriatti
Copy link
Contributor Author

Other accessible accordion examples on the internet do not behave this way (to select the entire group) This must be a misunderstanding of what the ticket intended. I believe this should not be merged.

Hi @scott-williams-az
Good morning
Yes, sure. I'm just waiting for Kathy's confirmation. I'll keep you posted.
Thanks

@scott-williams-az
Copy link
Contributor

Well, I looked at accordions in unity-react-core and we definitely need to update that code to have tab index https://asu.github.io/asu-unity-stack/@asu/unity-react-core/index.html?path=/story/components-accordion--default

@asu-jenkins-devops
Copy link
Collaborator

@juanmitriatti juanmitriatti changed the title UDS-1992:fix(components-core): added tabindex and focus css for accordion wrapper UDS-1992:fix(components-core): added focus css for accordion wrapper May 13, 2025
margin: 4px;
width: -webkit-fill-available;
}

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be removed. change is needed in unity-react-core, not in css

Copy link
Contributor

@scott-williams-az scott-williams-az left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

File: AccordionCard.jsx during consolidation The accordion header was add with an a tag. This was incorrect and should have continued to use the button tag. This will restore the focus indicator behavior.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants