Fix Formly Relume Component Scrolling Issue in Multi-Step Forms

I'm trying to use a formly relume component but when I move to the next step of the form, it loads at the bottom of the page, not the top. Can someone please help me figure out how to fix it?

17 comments

Rachael
·
·
Dan can you or someone else please help me with this?
Rachael
·
·
Matt J. can you help me get this figured out?
Matt J.
·
·
Rachael apologies for missing this. Would you mind sharing a read-only link?
Rachael
·
·
Matt J. we have multi-step forms on multiple pages, but here is a read-only link to the longest one https://preview.webflow.com/preview/the-ketamine-channel?utm_medium=preview_link&utm_s[…]&pageId=6806a49bd010b6750fa73d03&locale=en&workflow=preview
Matt J.
·
·
Rachael okay, can I also get the published URL - should have asked for that as well originally, apologies.
Matt J.
·
·
Rachael I think the issue is that the custom code embed has a hidden input that is not closed properly. In my second screenshot, I show you what it should look like.
Rachael
·
·
Matt J. thank you for catching that. Unfortunately, that did not fix the loading issue. The public URL is https://www.theketaminechannel.com/update-premier
Matt J.
·
·
Rachael okay being that this requires custom code and what not is there any way you could do a quick screen recording - no audio is fine - so that I can understand what the issue is that you are having? The descriptions of what the issue you've given so far are not quite clear.
Matt J.
·
·
and we may want to consider removing the required checkbox from the fields on the first step to help speed up troubleshooting.
Matt J.
·
·
at this point, based on everything I've looked at, its not a straight-forward/simple fix. Something isn't quite right foundationally with the way this page, site, or section is setup. Typically when the screen moves down like that it means that there is some sort of anchor link. The prev/next buttons have a # as a value - which is the start of an anchor (e.g. #section-name). But I've looked at clonables from Formly and all of the buttons have this, so that must not be the issue. Do you have any other custom code on the site that would be looking for the # symbol and anchoring the user somewhere else on the page?
Matt J.
·
·
I just noticed this difference here - that upon hitting this button that it would redirect to a thank you page - maybe this is it?
Matt J.
·
·
if I'm understanding your issue correctly, I'm thinking that might be it
Rachael
·
·
Matt J. it's not that the page moves down, it's that when you press next, it doesnt load back at the top of the page, it stays at the bottom. Once the form is completed/the submit button is pressed, it redirects to the thank you page. There is no other custom code on the page.
Matt J.
·
·
Rachael okay thanks for that video - huge help. Looks like there are some attributes within the formly documentation for this exact situation. https://www.tryformly.com/docs#step-text
Rachael
·
·
that worked, thank you!
Matt J.
·
·
no problem at all, if you have any other questions or issues please reach out - and I hope that I don't miss anymore of your messages but if I do, please feel free to DM me directly - more than happy to help!
Rachael
·
·
Thanks!