CS Forms: odd scrolling behavior during form validation error when form is in a dropdown

[guategeek]

I have a login/register dropdown in my navigation, the dropdown has a tab group in it, one tab is a CS Forms Login form, the other a CS Forms register form.

The weird behavior I see is if either form validation fails the page itself scrolls down right after the error messages show up. I recorded a video of it but there is no way to add it here so here is a screenshot where I highlighted in red the scrollbar difference before and after the errors (looks to scroll about 200px, doesn’t seem to matter what length the form is, it always scrolls the same amount)

Is there any way this could not scroll the page when in a dropdown? If you need the video let me know and I will see about uploading to youtube or something.

[prakash_s]

Hello @guategeek,

Thanks for writing to us.

It is not possible to guide you with only a screenshot. I would suggest you please share the exact page URL or please share your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin-level username and password
• Exact page URL

You can find the Secure Note button at the bottom of your posts

Thanks

[guategeek]

Ok I was able to get a staging server set up for you to look at this, its info is in the secure note.

To see the scrolling behavior open the site, click on the user drop-down in the top navigation, and submit the login or register forms without filling them out (so that error messages are triggered) you will see that it scrolls the page when this happens. And if you try both forms you will see that the scroll amount is the same no matter what the length of the form, or how many error messages their are.

[prakash_s]

Hello @guategeek,

I would suggest going to Custom Header and selecting the Dropdown element where the form has been added. Then navigate to Dropdown → Setup and enable the Inline toggle. Please refer to the screenshot below for reference.

Hope it helps
Thanks

[guategeek]

Awesome thanks for pointing that out, seems to fix the odd scrolling behavior for me!

[prakash_s]

You are most welcome, @guategeek