I need help with fixing an inconsistent behaviour on this page.
My public share link is below.
The page has a Registration Form right at the bottom.
It should be hidden after page loads and upon the user clicking the ‘Register Now’ button on the page, it should load and the user should be taken to that section.
What I did.
In interactions, I created Page Trigger to Hide the Registration-Form section ‘When page finishes Loading’.
I created another Element Trigger to ‘Show’ the section on First Mouse click when a user clicks on Register Now button.
The Registration-Form section is hidden on Page Load alright. When I click on the Register Now button, the form shows. But the page scrolls all the way to the top instead of putting the Registration Form in focus.
This doesn’t happen when I render the page on Mobile. It works perfectly.
Works fine too if I apply the interactions on the ‘Container’ inside Registration-form section and not on the section itself.
Appreciate if anyone can unravel the mystery and help fix the problem.
My project share link