Conflict with CF7: error messages and CSS disappear when litespeed installed

  • Resolved javfuller

    (@javfuller)


    1 year, 4 months ago

    When submitting a Contact Form 7 form with validation errors, the error messages show up briefly and then disappear. For example, if I submit a blank form that has required fields, I should see messages that say that I need to fill in the required fields and those field borders are red.

    What actually happens is that the page loads with the error messages showing for just a second, but then the messages and red borders reset back to normal. It appears as if the form was never submitted.

    Looking at the source, the form error messages and classes are set correctly when the page is loaded. The initial source code is correct. But at some point, the classes signifying an invalid field are removed. Some javascript is modifying the DOM.

    This only happens with the LiteSpeed cache installed. I have tried to turn off caching and as many features as I can, but the problem persists. If I disable the LiteSpeed cache plugin, then the site behaves properly and I can see the error messages.

    WP 6.2.2
    CF7 5.7.7
    LiteSpeed 5.5
    PHP 8.2

    https://emsricky.com/application-process

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter javfuller

    (@javfuller)

    I have tried different presets (Essentials, Advanced).

    I have tried enabling ESI and adding
    wp_rest private
    wpcf7* private
    to the ESI Nonces field.

    I have purged and re-purged everything.

    I have tried disabling everything under Cache Control Settings and Object Cache Settings

    I have tried excluding the page that the forms is on.

    I have tried disabling minify for CSS, JS and HTML

    Nothing had any effect. There are no error messages in the javascript console.

    The only fix has been to deactivate LiteSpeed cache plugin.

    Plugin Support qtwrk

    (@qtwrk)

    hmm, if you reset to default setting, how does that go ?

    Thread Starter javfuller

    (@javfuller)

    I reset the settings using the Reset Setting button under Presests->Import/Export->Reset All Settings.

    I got one error “Saving option failed. IPv4 only for Server IP.” but I also go the success message “Reset Successfully”.

    Tested again, same result. Submitted form with no data entered and saw validation errors for just a moment before they were cleared.

    Plugin Support qtwrk

    (@qtwrk)

    hm, now that is weird , because on default setting , the page should be pretty much same as its not enabled

    please create a ticket by mail to support at litespeedtech.com with reference link to this topic , we will investigate further.

    Thread Starter javfuller

    (@javfuller)

    Thank you. Email sent.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Conflict with CF7: error messages and CSS disappear when litespeed installed’ is closed to new replies.