gridsome / gridsome/gridsome.org

Code examples trigger page scroll on click

Open
#630 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
292
Forks
301
PR merge metrics
No merged PRs in 30d

Description

## Description

When I select any of the code examples from the home page, the page automatically scrolls to the top. I have to scroll back down to view the updated code.

**Code examples:**
gridsome-org-code-examples-scroll-issue

### Expected result

When selecting an example from the sidebar, a different piece of code should slide into view.

### Actual result
When selecting an example from the sidebar, the page scrolls to the top.

https://user-images.githubusercontent.com/44982724/175281945-8799863b-cccf-4e8a-9f5c-1e740f1e7224.mov

Contributor guide

No contributing guide indexed for this repository

Research direction

Start at the home page code examples and reproduce the issue by selecting an example from the sidebar. Trace the example-selection behavior and verify that the selected code slides into view without moving the page to the top; confirm the result against the provided screenshot and video.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.