Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Fix Formly Relume Component Scrolling Issue in Multi-Step Forms

Avatar of RachaelRachael
路
路

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

  • Avatar of Rachael
    Rachael
    路
    路

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

  • Avatar of Rachael
    Rachael
    路
    路

    Matt J. can you help me get this figured out?

  • Avatar of Matt J.
    Matt J.
    路
    路

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

  • Avatar of Rachael
    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

  • Avatar of Matt J.
    Matt J.
    路
    路

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

  • Avatar of Matt J.
    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.

  • Avatar of Rachael
    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

  • Avatar of Matt J.
    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.

  • Avatar of Matt J.
    Matt J.
    路
    路

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

  • Avatar of Matt J.
    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?

  • Avatar of Matt J.
    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?

  • Avatar of Matt J.
    Matt J.
    路
    路

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

  • Avatar of Rachael
    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.

  • Avatar of Matt J.
    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

  • Avatar of Rachael
    Rachael
    路
    路

    that worked, thank you!

  • Avatar of Matt J.
    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!

  • Avatar of Rachael
    Rachael
    路
    路

    Thanks!