In a select with many images, after clicking "next" the page isn't scrolled to the top

Open Beginner friendly
#896 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
65/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
typescript
Domain
frontend, web-dev

Research direction

Reproduce the issue at the provided staging form by starting a new submission and clicking Next until the fifth page, using Chrome or Firefox. Trace the page-transition and scrolling entry point, then verify that advancing from a page with many images places the viewport at the top without breaking the pages-style form flow.

Written by the indexing model from the issue text.

Description

Observed Behaviour

In a select with many images (and with pages style in the form), after clicking "next" the page isn't scrolled to the top.

Reproduction Steps

Steps:

  1. Click "new submission" in https://staging.getodk.cloud/projects/235/forms/selects_images_pages/submissions
  2. Click "Next" to get to the 5th page (Quick pick a letter (auto-advances) question).
Screenshots or Videos
Image

https://jam.dev/c/50576ed2-b5df-473b-8d7e-8978701af451

Environment
  • Browser version: Chrome, Firefox
  • Web Forms version: 1.0.3
Dominant language
TypeScript
Stars
38
Forks
22
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

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 getodk/web-forms

All issues in getodk/web-forms

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.