-
Notifications
You must be signed in to change notification settings - Fork 57
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
Feat/react-pagination-component #1501
base: main
Are you sure you want to change the base?
Conversation
terrance456
commented
Jul 20, 2024
🦋 Changeset statusNone or empty changeset found. This PR will not result any new releases. If you believe this is incorrect, please add a changeset by running You can also explicitly add an empty changeset by running: |
1 similar comment
🦋 Changeset statusNone or empty changeset found. This PR will not result any new releases. If you believe this is incorrect, please add a changeset by running You can also explicitly add an empty changeset by running: |
👋 Thanks for creating a pull request! 🚀 Checkout the storybook we've created for it: |
…seb-oss/green into feat/react-pagination-component
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good!
However there's one issue with tab focus when using a-tags. See inline comment.
<li> | ||
{ | ||
// eslint-disable-next-line jsx-a11y/anchor-is-valid | ||
<a |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Using an anchor tag w/o href
causes problems with focus. The browser skips them all even if they role="button"
.
Is there a reason for using anchors tags?
Suggestion: Could these be an option to render button
or a
tags in this component? Using button
will update the current page dynamically and using a
would take you to a new page, user would also need to provide hrefs
for each anchor tag.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Totally agree in using button but the chlorophyll styling was added only for anchor specific and angular component is also using anchor tags. So wasn't sure if we should change it. Maybe we can add in tabIndex=0
to solve the issue here
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yea, looks like this is how it was done in the angular component.
Ok for now! (until replaced with a core web component)
…seb-oss/green into feat/react-pagination-component
Some minor chlorophyll changes. This pull request should not be effected. |