The wizard's body arrives on a step already scrolled (the scroll carries over from the previous step)

Open Beginner friendly
#1,264 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
62/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
tauri, threejs, typescript, wasm
Domain
frontend

Research direction

The wizard body is the .sw-body scroll container shared by every step, so the scroll position from the previous step persists. Find where the step changes in the wizard component and check whether .sw-body is reset there. Reproduce by walking Make → What are you making? → Sign, then Next, and confirm scrollTop is 43 on arrival. Done when each step opens with scrollTop at 0, and the stock step's first line is visible under the pinned header.

Written by the indexing model from the issue text.

Description

The wizard's body arrives on a step already scrolled. Found while regenerating the stock step's baselines for #1259 (picture: docs/design/1259/stock-step-scrolled-on-arrival.png on branch 1259-step2 @ 263211f90).

Walk: Make → What are you making? → Sign, text "Hello" → Next. On the Stock step the wizard body (.sw-body) is at scrollTop = 43 before anything is touched, so the step's first line ("Pick a blank") and the top of the first card sit under the pinned header. The body is the same scroll container for every step, so the scroll left by the previous step (its text field scrolled into view) carries over.

Expected: a step opens at the top. Likely fix: reset the body's scroll when the step changes. Not touched by #1259: the branch's shots show it as it is today.

Dominant language
TypeScript
Stars
2
Forks
0
PR merge metrics
No merged PRs in 30d

Getting set up

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.

More from SlyWombat/CaseMaker

All issues in SlyWombat/CaseMaker

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.