search

dxc-technology / halstack-react

Library of components for building SPAs with React and Halstack Design System
https://developer.dxc.com/halstack/
Apache License 2.0
15 stars 14 forks source link

Selected RadioButton is not visible from the Second page, in table Pagination #2011

Closed akhilrangu closed 2 months ago

akhilrangu commented 3 months ago

Describe the bug A clear and concise description of what the bug is.

In table's pagination, in first page, the selected radioButton is visible and working fine. But from the second page, when a radioButton is selected, it is not visible and defaulting to the first page.

To Reproduce Include steps to reproduce the behaviour.

In a paginated table,

  1. From the first page, select a radioButton, it will work fine.
  2. From the second, page(2, 3, 4,.. pages), select a radioButton, it will be not visible and will navigated to 1st page again.

Example:

  1. Create a new React app using Vite.
  2. Install @dxc-technology\halstack-react package.
  3. Click on '...'.
  4. Scroll down to '...'.
  5. See the error.

Expected behaviour A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Additional context Add any other context about the problem here.

Add labels Add any applicable label like the concerned components or the target version of the Design System where the bug has been found.

github-actions[bot] commented 3 months ago

Thank you for opening an issue! 🚀

Our team will review it as soon as possible. In the meantime, please make sure that you've provided all the necessary details to help us understand and address the issue effectively.

Feel free to contribute and participate in discussions!

GomezIvann commented 3 months ago

Hello @akhilrangu

We had a similar issue with the DxcCheckbox in the past and it was solved. Can you please share your @dxc-technology/halstack-react version and some code snippets to help us understand your problem?

Thanks!

GomezIvann commented 2 months ago

Hello again @akhilrangu!

Would you happen to have any updates about this issue?

akhilrangu commented 2 months ago

Hi @GomezIvann , I'm using halstack-react version 12.

Please find the below code reference. Please let me know, if any other details required.

image image
GomezIvann commented 2 months ago

Hello again!

We had a very similar issue with the DxcCheckbox in the past, and it was fixed. Did you try to update to the latest version of Halstack?

Mil4n0r commented 2 months ago

This is supposed to be fixed since version 12.2.0, please test the same example in that version or higher.

akhilrangu commented 2 months ago

Tested with 12.2.0, working as expected. Thank you.