WAIT: Animation through Interactions are jerking and shifting the page

Browser: Chrome 126.0.6478.63
OS: Windows 11
URL: (https://staging.vasangini.com/test-page/)

Facing somewhat strange issue.
There seems to be a glitch or something that needs attention. It looks like animations using Interactions are breaking within the page, or producing some jerk while loading. This can be tested and replicated on Real Mobile devices. These might not be smooth (while viewing on mobile), hence affecting.

Link of the test page from staging site, where it can be checked, is at the bottom.

While using Interaction animations on few Elements (section 2) and when viewing on Real mobile device (not emulator or mobile view) then, while scrolling down the page, then the moment it loads animations for each element, the contents shifts downwards and with some Jerk, at intervals, or at the end of each step-count (steps 1-4, as illustrated on the same test page).

Please note, I intentionally added a blank Section at top of the test page with 93vh, so that the scrolling can have a enough space to start with, and so the issue can be replicated easily.

To replicate, one can move up again and slowly scroll down (swipe up on mobile), in steps, to check again, if the issue is not visible at once.

This is quite annoying, as it keeps jerking for all steps (Step Points 1-4, as can be seen from the link)
And it does not feel good and will not be a good experience for our users.
Due to this, even Form using Pop up is not working properly too.
Clicking on Prev-Next steps in the form (using Pro-form) first shifts towards right side (and bit out of the screen), and then comes back. Probably, the same behaviour might be on the standard forms of the bricks builder.
PS: The form is connected to the button (Connect Now, in green), as a Pop-Up
The issue can be seen only while viewing on Mobile device.

Link of test page from staging site

Can you please check and suggest to have this resolved. If these are smooth (like on desktop), then may not jerk the page on mobile and also the Pop up form and other pop up works properly.

If any specific animation type is causing the issue, that needs to be fixed to have smooth movement.

Please suggest

Regards

Hi Harshil,
Thanks for your report!

I guess it’s related to the CSS grid. The “rows” have no height because every element is basically hidden, which might lead to issues, but I’ll have to debug this in detail.

Please send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase.

Hello timmse,

Thank you for looking into the concern. If it requires to adjust some margin or padding, then please suggest where shall I add and then try.
I am not allowed to share credentials, unfortunately. Hence, sharing the page. as a Template for your reference.

Sharing that via Google drive and Marked your email ID.

Template link

Please check and suggest

Regards