About form layout shifting

  • Resolved blue

    (@life2)


    3 years, 10 months ago

    Hi,

    How to prevent the form’s layout from shifting?

    What happens is that all fields show up for an instant before collapsing (right before the form is actually inserted).

    By the way, this causes a high Cumulative Layout Shift (CLS) on Google’s page speed test.

    Thanks.

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @life2

    For the Professional version of the plugin, you can activate the form’s cache from the settings page of the plugin. For the free one, please, assign height to the form’s container. For example, if your form’s height is 600px; you can insert the form into a div tag as follows:

    <div style="min-height:600px">[CP_CALCULATED_FIELDS id="1"]</div>

    With the corresponding form’s id.

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘About form layout shifting’ is closed to new replies.