[3.0.0-beta.2] Huge layout shift multi step forms

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.

Support ticket ID: #1162

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.

Hello :slight_smile:

I cannot reproduce it. Even with throttling activated the form is showing only after the fields are rendered.

What do the others say? Can you guys reproduce it?

1 Like

@Daniele I sent a ticket with a link to the website but here’s a video showing it

I still cannot reproduce it on my end. See this video:

Do you have any conditional stuff running? Any WooCommerce related logic? Or anything with the Bricksforge Panel?

1 Like

No conditions, no woo related stuff just vanilla bricks and pro forms. I will dm you the site URL so you see it live

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.

1 Like