mi6 / mi6/ic-design-system

Clicking component tab resets anchor to top of page

Open
#167 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
MDX
Stars
79
Forks
52
Avg merge
18h 58m
Merged PRs (30d)
4

Description

## Summary
When you click on a tab on a component page, because technically a new page loads, the page jumps back to the top. If you scroll down half way and then click a tab, it would be good to see the tab content change instead of a new page thus taking you back to the top.

## 💰 Use value
Would make navigation of the website flow more easily and be less jarring.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing the component-page tab navigation and how tab changes trigger page loads. Confirm the current scroll-reset behavior, then make tab changes preserve the user's position while showing the selected content without a full-page jump. Done means switching tabs no longer returns the page to the top.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.