Multistep form steps should start at top of viewport
complete
M
Mike Stein
I think this is a UI bug, personally. But, Rick in tech support disagrees -- so posting here.
Current behavior: a step page of a multistep form begins at the current scroll position. Let's say that the step 1 screen is longer than the viewport and I have to scroll down a ways to get to the bottom and click continue. That means that the step 2 screen will not begin at the top. If I scrolled down 10 lines in step 1, I'll be looking at the 10th line of step 2. That's not a good UX. In the best case, the user realizes and scrolls up and has a low opinion of our Web design skills. In the worst case, the user does not notice that she or he is not at the top of the step screen.
Expected behavior: each new step screen scrolls to the top of the viewport so the user is looking at the top of the form step and doesn't have to scroll up.
Thank you.
Ben Meredith
complete
This has been resolved in version 2.16.0! Please update to that, and let us know if you need anything else!
Devin Walker
The PR has been merged and this fix will be in the next release!
M
Matt Blacker
Devin Walker: This is great news. Do you know roughly when this will be? Thanks.
Devin Walker
in progress
A PR is open for this here: https://github.com/impress-org/givewp/pull/6002
M
Matt Blacker
This issue is currently happening on both computer and phone for us. The user gets to the final step but must wait around until they realise they need to scroll to the top to see what to do next. This is terrible UX and has caused drop offs of donations for us. We will sadly have to move away from GiveWP unless this can be resolved quickly. Thanks.
Devin Walker
planned
We agree this is not optimal UX and are planning on a fix!
Ben Meredith
under review
Our team will have a look at this. currently, step 4 (the thank you step) scrolls back to the top, but other steps do not.
No guarantees of a timeline here, but we'll have a look at this.
Thanks!
M
Mike Stein
Ben Meredith: Thanks! I actually don't use multistep forms b/c of the current behavior -- it's a dealbreaker.
L
Lorie
I've experienced this problem on my iPhone and I agree that this is not good UX.
When filling out a multi-step form the user should always be taken to the top of the form for the next step, not taken to the middle of the form. Donors shouldn't have to scroll around to figure out their place in the checkout.
We would never expect this behavior in any shopping cart experience; and this should be corrected.
Thank you.