Form spinner not visible on submit button click

  • Hey! I’m having an issue with the form spinner not appearing when the submit button is clicked. The form submission process is slow, so that spinner is pretty crucial to let users know the form is actually being submitted.

    I got the spinner to appear with a CSS workaround, but it would be nice to get it working as it should.

    There are multiple of the same form on the homepage. In other words, the same form shortcode is used multiple times on the page. They are inside divs, which I thought might be the problem, but I tested a form outside of a div and the spinner still did not appear.

    Does it have something to do with Ajax not loading or working correctly on the page? That’s my only other idea, but I’m not sure how to diagnose that.

    This is how I have the form set up in the dashboard:

    [email* your-email akismet:author_email placeholder”Email Address”]

    [hidden text last-name]

    [submit “Sign Up”]

    Thanks for any help!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Where on the site do you have the form having the issue?

    Thread Starter maeganmcisaac

    (@maeganmcisaac)

    Hey Takayuki, thanks for the reply. It’s on the homepage, which I’ve linked to this request. I was using some workaround CSS that forced the spinner to appear, but I’ve removed that now so you can see how it actually behaves.

    I put a solid border around the .wpcf7-spinner element just to see if it was even there, and it is, but it seems to be collapsed to a width of 0.

    Any ideas on how to fix this?

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    What other plugins and theme do you use on the site?

    Thread Starter maeganmcisaac

    (@maeganmcisaac)

    Hey Takayuki,

    Here is the list of plugins I’m using:

    Akismet Anti-Spam
    Contact Form 7 (obviously)
    PDF Invoices & Packing Slips for WooCommerce
    Preview E-mails for WooCommerce
    Redirection for Contact Form 7
    Sender.net email marketing
    Simple Google reCAPTCHA
    W3 Total Cache
    WooCommerce
    WooCommerce Additional Variation Images
    WooCommerce Checkout Field Editor
    WooCommerce Currency Converter
    Deactivate
    WooCommerce Expand Tabs
    WooCommerce Order Status Manager
    WooCommerce Pre-Orders
    WooCommerce Product Bundles
    WooCommerce Stripe Gateway
    WooCommerce Variation Swatches and Photos
    WP Mail SMTP
    Yoast Duplicate Post

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try switching to the default theme, deactivating all plugins excluding Contact Form 7, Akismet Anti-Spam and WP Mail SMTP, and clearing all cache data.

    Why you are advised to deactivate plugins and switch to the default theme.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Form spinner not visible on submit button click’ is closed to new replies.