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

Feat/react-pagination-component #1501

Open
wants to merge 16 commits into
base: main
Choose a base branch
from

Conversation

terrance456
Copy link
Contributor

image

@green-design-system-bot
Copy link
Contributor

green-design-system-bot bot commented Jul 20, 2024

🦋 Changeset status

None or empty changeset found. This PR will not result any new releases.

If you believe this is incorrect, please add a changeset by running npx changeset, and then commiting the resulting changeset file.

You can also explicitly add an empty changeset by running:
npx changeset add --empty

1 similar comment
@green-design-system-bot
Copy link
Contributor

🦋 Changeset status

None or empty changeset found. This PR will not result any new releases.

If you believe this is incorrect, please add a changeset by running npx changeset, and then commiting the resulting changeset file.

You can also explicitly add an empty changeset by running:
npx changeset add --empty

@green-design-system-bot
Copy link
Contributor

green-design-system-bot bot commented Jul 20, 2024

👋 Thanks for creating a pull request!

🚀 Checkout the storybook we've created for it:

@terrance456 terrance456 marked this pull request as ready for review July 22, 2024 02:29
@terrance456 terrance456 requested a review from astrit July 22, 2024 02:37
Copy link
Contributor

@vsjolander vsjolander left a 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
Copy link
Contributor

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.

Copy link
Contributor Author

@terrance456 terrance456 Aug 6, 2024

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

Copy link
Contributor

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)

@EldRoos
Copy link
Contributor

EldRoos commented Sep 17, 2024

Some minor chlorophyll changes. This pull request should not be effected.
#1599

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: PR
Development

Successfully merging this pull request may close these issues.

6 participants