Community forum for knowledge and support

Updated 2 weeks ago

Formly relume component loads at the bottom of the page

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?

R
M
17 comments

@Dan can you or someone else please help me with this?

@Matt can you help me get this figured out?

@Rachael apologies for missing this. Would you mind sharing a read-only link?

@Rachael okay, can I also get the published URL - should have asked for that as well originally, apologies.

@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.

Attachments
image.png
image.png

@Matt thank you for catching that. Unfortunately, that did not fix the loading issue. The public URL is https://www.theketaminechannel.com/update-premier

@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.

and we may want to consider removing the required checkbox from the fields on the first step to help speed up troubleshooting.

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?

I just noticed this difference here - that upon hitting this button that it would redirect to a thank you page - maybe this is it?

Attachment
image.png

if I'm understanding your issue correctly, I'm thinking that might be it

@Matt 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.

@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

Attachment
image.png

that worked, thank you!

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!

Add a reply
Sign up and join the conversation on Slack