Skip to content
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

Consider converting Expandables to details/summary markup #1622

Open
anselmbradford opened this issue Apr 6, 2023 · 1 comment
Open

Consider converting Expandables to details/summary markup #1622

anselmbradford opened this issue Apr 6, 2023 · 1 comment
Labels

Comments

@anselmbradford
Copy link
Member

The details element is a standard element that, along with the summary element, creates a "disclosure widget". This is what our expandables are doing. We could possibly gain baked in accessible features and interactions if we switched our expandables to detail/summary markup. The animating would need to be worked out, but https://css-tricks.com/how-to-animate-the-details-element/ offers a starting point.

@sonnakim
Copy link
Member

sonnakim commented Jul 10, 2024

This one can probably wait till web components work begins. Not quite sure yet if the details element will support some of the features we currently have in our expandables (see comment above, animations in particular)

@sonnakim sonnakim added the hold label Jul 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Development

No branches or pull requests

2 participants