Tab switching should anchor scroll position to the clicked tab #7008
sebawita
started this conversation in
Feature Requests
Replies: 1 comment
|
hey, thank you for reporting this. it was an issue on our side and it should be fixed now!! could you please verify on your side 🙏 |
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Problem
When using the
<Tabs>component on long pages, switching between tabs causesthe page to jump — often scrolling away from the tab content the user just
clicked. This is disorienting, especially when tabs contain varying amounts
of content.
Expected Behavior
When a user clicks a tab, the page should maintain the vertical scroll position
relative to the tab component, keeping the selected tab anchored near the top
of the viewport.
Suggested Implementation
Add an optional prop (e.g.
preserveScrollorscrollIntoView) on the<Tabs>component that, when enabled, scrolls the tab into view or locksthe viewport position after the tab switch.
All reactions