Thank you very much for using our plugin. Our plugin renders the forms on the client side, and for this reason, there may be CLS problems. However, there are two alternatives:
You can activate the form cache on the plugin settings page. Or, if the form cache is not an option in your case, you can estimate the height and pass it explicitly.
To activate the forms cache, go to the menu option “Calculated Fields Form > Troubleshoot Area & General Settings”, tick the “Form cache” checkbox, and press the “Update” button. After enabling the feature in the plugin settings page, press the “Settings” button corresponding to the form and then press the “Preview” button.
If the form cache is not available on your plugin copy, please, indicate the URL to the page that contains the form to get its height.
Hello, Can we expand this code? 800px on mobile, 500px on desktop… In some of our forms, while the query takes up less space on the desktop, it creates a problem because it comes together on mobile.
You can activate it in the “Calculated Fields Form > Troubleshoots Area & General Settings” menu option by ticking the “Activate Forms Cache” checkbox and pressing the “Update” button.
Once you activate the form cache, go to the form settings and press the preview button.
I’m sorry, but the “Form Cache” feature is included in the commercial distributions of the plugin.
With the free plugin version, you can reserve the space the form will take using min-height.
For example, if your form takes around 700px height, you can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab:
