shuding/next-view-transitions

Scroll restoration doesn't work

Open

#12 opened on May 13, 2024

View on GitHub
 (1 comment) (20 reactions) (1 assignee)TypeScript (2,388 stars) (92 forks)user submission
bughelp wanted

Description

When I wrap my app in <ViewTransitions>, scrollRestoration stops working. When navigating to a page and back, the page is always scrolled to the top.

Contributor guide

Tech stack
typescriptnextjsreactcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Next.jsReactCSS View Transitions
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate the source code of the `<ViewTransitions>` component, likely in `src/index.tsx` or similar. Look for how scroll restoration is handled (or not) during view transitions. Compare with Next.js default scroll restoration behavior. Check the `ViewTransitions` component's lifecycle and whether it calls the appropriate scroll restoration APIs.