I have set up a conditional question at the start of my form, asking the user to choose between “Yes” and “No.” Based on this selection, I have two separate forms contained within <div> fields, which are displayed using dependencies.
However, upon loading the page, all form fields within these <div> elements are briefly displayed before the page adjusts to show only the relevant fields according to the user’s selection. This creates a noticeable lag, where users see all forms initially before the intended behaviour takes effect.This leads to confusion as users see all forms initially, and then they disappear once the page fully loads.
- The issue occurs regardless of whether I enable or disable loading animations.
- I am not using any caching plugins on my site.
I would like the div forms to be completely hidden while the page is loading, ensuring that users only see the initial “Yes” and “No” options.
I would greatly appreciate your assistance in resolving this issue. Thank you for your support!