I have created a multi-step form in my hero section. On page load, I observe a significant layout shift. It seems that all the form fields are rendered on page load before being hidden. Even with only about 3 fields, the layout shift is very noticeable. How can I fix this? I am using v3.0 beta 2.
QOL - Please consider adding an option to hide/show all fields beyond the first step within the builder. When the fields become numerous, the section unnecessarily stretches, which I find intrusive.
UPDATE: I disabled all ACSS settings, retaining only color and font variables. This did not resolve the issue. However, I observed that the layout shift occurs only when I am logged in. Notably, the layout shift does not occur when ACSS is entirely disabled.
I’m having a similar issue. I submitted ticket #1266 today.
The videos in this thread don’t seem to work anymore so I can’t be certain if it’s the same issue or not. I’m able to reproduce my issue on multiple browsers/devices. I tried installing the last stable release and the most recent beta. Here is a loom of the issue I’m having:
I observed that my website functioned correctly when logged out during local development. However, after deploying to the live production environment, I encountered layout shifts, even while logged out. I have literally disabled all features within ACSS, with the exception of its color and font settings, which are essential for my website. Despite these efforts, the layout shift issue persists.