CirclePager: Navigation Issue when Navigating Tabs

[infor-mahesh]

Describe the bug
Description: On our tenant, we're encountering an issue where the circular navigation feature transitions into arrow-based pagination when navigating through tabs. This behavior occurs specifically when switching between tabs and reverts to normal circular navigation upon refreshing the page. We've confirmed this issue by inspecting the NG Enterprise code, where the same problem persists.

To Reproduce

Steps to reproduce the behavior:
Access the Widget Tab: Navigate to the tab or page where the circular pagination widget is deployed.
Observe Initial Behavior: Note the initial behavior of the circular pagination widget. Ensure that it functions correctly, displaying circular navigation.
Switch Tabs and Return: Navigate to another tab within the Mingle tenant interface. Spend some time there, then return to the tab with the circular pagination widget.
Observe Bug Behavior: Check the circular navigation has transformed into arrow-based pagination which should not be the case.

Expected behavior
the circular behavior should not be changed

Screenshots
If applicable, add screenshots to help explain your problem.
behaviour of the code taken from ng enterprise circular pagination

widget which we are having issue:
before:

after:

[tmcconechy]

I think maybe if you debug this line https://github.com/infor-design/enterprise/blob/main/src/components/circlepager/circlepager.js#L221 you can see why its doing it?

On our end I have seen it change to that pager, i think the logic is it will try to change to that pager if there is too many dots. So maybe debugging that logic will help you figure this out?

Is it possible to make a reduced test case and add it to this issue?

IDEA: We make a setting on this behavior once we figure out when it does it

[infor-mahesh]

Hi @tmcconechy , our testing team validated even for 2 records/ circles the issue is replicating. thankyou