pharos
pharos copied to clipboard
Storybook: Tab loses selected state on window resize in React Reports page example
Expected behavior
Tabs should maintain their selected state regardless of window resizing
Actual behavior
Tab loses selected state when resizing the window enough to trigger the sidenav reactivity
Steps to reproduce the issue
- Visit https://pharos.jstor.org/storybooks/react/?path=/story/pages-reports--reports
- Observe the Report history tab is selected
- Using either the Storybook chrome or the full browser window, narrow the window until the sidenav collapses
- Observe the Report history tab has lost its selected state
Screenshots or code
Pharos version 14.0.0
Additional information
This may be some confluence of Sidenav reactivity logic, Tab selection logic, ResizeObserver behavior, and React hooks behavior.