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

[ic-data-table] Increasing quantity of data given to a paginated table displays two "All" options in the page size dropdown #2865

Open
jw18968 opened this issue Dec 4, 2024 · 1 comment
Labels
type: bug 🐛 Something isn't working

Comments

@jw18968
Copy link

jw18968 commented Dec 4, 2024

Summary of the bug

When the data array provided to a paginated table increases in size, the "Items per page" dropdown shows "All" twice. Selecting one of these "All" options will display all rows and the other will limit the number of rows displayed to the number of rows before increasing the data size.

🪜 How to reproduce

  1. In the Data Table > Dev Area example in the canary-web-components Storybook, click the "Update data rows: 200" button.
  2. Opening the "Items per page" dropdown and scrolling down will reveal two "All" options.

📸 Screenshots or code

image

🖥 📱 Device

  • Type: Desktop
  • Device: MacBook
  • OS version: macOS15
  • Browser version: Chrome 131

🧐 Expected behaviour

When the table data is changed, I expect the page select dropdown to only display a single "All" option.

@jw18968 jw18968 added the type: bug 🐛 Something isn't working label Dec 4, 2024
@jw18968 jw18968 changed the title [ic-data-table] A paginated table that re-renders with an increased quantity of data displays two "All" options in the page size dropdown [ic-data-table] Increasing quantity of data given to a paginated table displays two "All" options in the page size dropdown Dec 4, 2024
@jw18968
Copy link
Author

jw18968 commented Dec 4, 2024

The bug is also visible on the "Updating Data" data table story when you click the "Update data" button.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug 🐛 Something isn't working
Projects
Status: No status
Development

No branches or pull requests

1 participant